DOs & DON Ts
Apr 07, 2016
DOs&
DON Ts
COLORS
MAIN BLUEC:90 M:34 Y:0 K:0R:0 G:135 B:204PMS: Medium Blue U
BLACKC:0 M:0 Y:0 K:100R:0 G:0 B:0PMS: Black
DARK BLUEC:100 M:54 Y:5 K:0R:0 G:109 B:176PMS: 300 U
DARK GREYC:0 M:0 Y:0 K:88R: 70 G:69 B:71PMS: Black 6 U
LIGHT BLUEC:75 M:14 Y:0 K:0R:0 G:168 B:336PMS: 2995 U
GREYC:0 M:0 Y:0 K:61R:126 G:128 B:131PMS: 425 U
REDC:0 M:86 Y:92 K:0R:240 G:76 B:45PMS: Bright Red U
LIGHT GREYC:0 M:0 Y:0 K:50R:147 G:149 B:152PMS: 7539 U
LOGOHorizontal
LOGOVertical
FONTQuicksand is a free Google font that can be used for the web and for print.
For headlines
For body copy
Headline of a Story
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+{}:”<>?
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+{}:”<>?
DOs DON’Ts
Blur parts of busy photos to help white font stand out.
White on the blue shape is OK. Red on blue or blue on red doesn’t work.
Drop shadows and bevels should be avoided.
You can use blue or white, rounded, asymmetrical shapes to separate information and add visual interest.
Only use red as an accent color.
Headline of a Story
SHAPESThe slight diagonal solid colors with rounded edges echoes the rounded icons and logo and creates a dynamic way to separate information.
Headline of a StoryNem harcimus, quate volorib usdantu ritistis abor acesti blaccatur soluptis aut quiatem sincium
quaeper natures iunt, tecum net aut officit am quiatis aut harum ex earchicid magnam volecatio.
Tiatquo est ipsanda ecUllabor as et alitate reris apellia ipsandit harum dolessunt in estorum quamus
nos si odis eturita imet, offic to quaesti aspiene sectorerum et estinverum volum qui ilibearum etur
sectas dolorume volore omnimin ende dignimint experio nsedicia cum nobis que omniet eatur? Quidunt
pore eosseniet quo omnisti aut repudae consequis est audae ventiorro minvelitiae ipsa acientotas dem
nam dolesto entorum velit eni omnihicia in et aut ametus.
SHAPES WITH MUSICAL ICONSWhen using shapes, adding icons to the shape (protruding out, not floating next to the shape) can liven up the design, especially if there are no photos.
NOTE: The logo can stand on it’s own without kids icons.
Headline of a StoryNem harcimus, quate volorib usdantu ritistis abor acesti blaccatur soluptis aut quiatem
sincium quaeper natures iunt, tecum net aut officit am quiatis aut harum ex earchicid
magnam volecatio. Tiatquo est ipsanda ecUllabor as et alitate reris apellia ipsandit harum
dolessunt in estorum quamus nos si odis eturita imet, offic to quaesti aspiene sectorerum
et estinverum volum qui ilibearum etur sectas dolorume volore omnimin ende dignimint
experio nsedicia cum nobis que omniet eatur? Quidunt pore eosseniet quo omnisti aut
repudae consequis est audae ventiorro minvelitiae ipsa acientotas dem nam dolesto
entorum velit eni omnihicia in et aut ametus.
SHAPES (GRAYSCALE)
Headline of a StoryNem harcimus, quate volorib usdantu ritistis abor acesti blaccatur soluptis aut quiatem sincium
quaeper natures iunt, tecum net aut officit am quiatis aut harum ex earchicid magnam volecatio.
Tiatquo est ipsanda ecUllabor as et alitate reris apellia ipsandit harum dolessunt in estorum quamus
nos si odis eturita imet, offic to quaesti aspiene sectorerum et estinverum volum qui ilibearum etur
sectas dolorume volore omnimin ende dignimint experio nsedicia cum nobis que omniet eatur? Quidunt
pore eosseniet quo omnisti aut repudae consequis est audae ventiorro minvelitiae ipsa acientotas dem
nam dolesto entorum velit eni omnihicia in et aut ametus.
The slight diagonal solid colors with rounded edges echoes the rounded icons and logo and creates a dynamic way to separate information.
SHAPES (GRAYSCALE WITH ICONS)
Headline of a StoryNem harcimus, quate volorib usdantu ritistis abor acesti blaccatur soluptis aut quiatem
sincium quaeper natures iunt, tecum net aut officit am quiatis aut harum ex earchicid
magnam volecatio. Tiatquo est ipsanda ecUllabor as et alitate reris apellia ipsandit harum
dolessunt in estorum quamus nos si odis eturita imet, offic to quaesti aspiene sectorerum et
estinverum volum qui ilibearum etur sectas dolorume volore omnimin ende dignimint experio
nsedicia cum nobis que omniet eatur? Quidunt pore eosseniet quo omnisti aut repudae
consequis est audae ventiorro minvelitiae ipsa acientotas dem nam dolesto entorum velit eni
omnihicia in et aut ametus.
When using shapes, adding icons to the shape (protruding out, not floating next to the shape) can liven up the design, especially if there are no photos.
SHAPES (WITH PHOTO)
Headline of a StoryNem harcimus, quate volorib usdantu ritistis abor acesti blaccatur soluptis
aut quiatem sincium quaeper natures iunt, tecum net aut officit am quiatis
aut harum ex earchicid magnam volecatio. Tiatquo est ipsanda ecUllabor
as et alitate reris apellia ipsandit harum dolessunt in estorum quamus nos si
odis eturita imet, offic to quaesti aspiene sectorerum et estinverum volum qui
ilibearum etur sectas dolorume volore omnimin ende dignimint experio nsedicia
cum nobis que omniet eatur? Quidunt pore eosseniet quo omnisti aut repudae
SHAPES If photo is too busy you can place information inside of the shape.
Headline of a Story
Nem harcimus, quate volorib usdantu ritistis abor acesti blaccatur soluptis aut quiatem sincium
quaeper natures iunt, tecum net aut officit am quiatis aut harum ex earchicid magnam volecatio.
Tiatquo est ipsanda ecUllabor as et alitate reris apellia ipsandit harum dolessunt in estorum quamus
FIN