Identity

Voice & Tone


Audience and Personas

Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Nulla vitae elit libero, a pharetra augue.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Content and Channels

Ridiculus Tortor Tristique

Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Maecenas sed diam eget risus varius blandit sit amet non magna. Etiam porta sem malesuada magna mollis euismod.

Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Maecenas sed diam eget risus varius blandit sit amet non magna. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam quis risus eget urna mollis ornare vel eu leo. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.

Consectetur Aenean Cursus Vulputate

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue.


Message Architecture

Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Aenean lacinia bibendum nulla sed consectetur.

Donec id elit non mi porta gravida at eget metus.

Color


Primary Palette

Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

#1C59A7

C=93 M=71 Y=1 K=0

PMS 286C

R=28 G=89 B=167

#80b1dd

C=41 M=13 Y=1 k=0

PMS 284C

R=128 G=177 B=221

#AEDFF4

C=29 M=1 Y=2 K=0

PMS 283C

R=174 G=223 B=244


Secondary Palette

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor.

#C3B3CF

C=22 M=28 Y=5 K=0

PMS 2635C

R=195 G=179 B=207

#9361E4

C=57 M=60 Y=0 K=0

PMS 265C

R=147 G=97 B=228

#211142

C=94 M=100 Y=37 K=49

PMS 2765C

R=33 G=17 B=66

#468FCC

C=64 M=24 Y=2 k=0

PMS 285

R=70 G=143 B=204

#4EDDFD

C=53 M=0 Y=3 K=0

PMS 310C

R=78 G=221 B=253

#989898

C=36 M=29 Y=29 K=0

PMS Cool Gray 9

R=152 G=152 B=152

Typography


Type Stack

Headlines

Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

H1 myriad pro bold 36 33

H1 Myriad Pro Bold 36/33

H2 myriad pro 24 24

H2 Myriad Pro 24/24

H3 myriad pro bold 18 20

H3 Myriad Pro Bold 18/20

Content

Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor.

Body copy myriad pro 10 14

Body Copy Myriad Pro 10/14

Pull quote myriad pro italic 14 18

Pull Quote Myriad Pro Italic 14/18

Disclaimer myriad pro 7 9

Disclaimer Myriad Pro 7/9


Styling Type

Keep It Simple Be mindful of the hierarchy between type style, size, weight and color. Enough variation provides a pleasant contrast. Too much becomes a distraction.

Casing Always default to sentence case for copy; use title case only for attributions and proper nouns. Reserve all-caps treatment for eyebrows and buttons, and never set type in all lowercase.

Punctuation We use standard punctuation in body copy. Don’t use punctuation in headlines, links or buttons, unless it is necessary for comprehension.

Don’t use ampersands (&) or plus signs (+) in place of "and"

Don’t use the Oxford/serial comma

Don’t use spaces around em dashes

Do use en dashes (–), not hyphens, for a span or range of numbers, dates or times

Do set end punctuation inside closing quotation marks

Related Items:

Graphics


Types of Graphics

Stripes Pattern

Stripes

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Containers

Container dark

Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Container light

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Icons

Font awesome sharp

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Related Items: