Colors

Greys:

Shades of White:

Primary Hues:

Logos

Color • Dark

Color • Dark

Color • White

White

Images

Typography - HTML Heading Tags

Logo Prosocial World

H1 • LOGO • Proximal Nova• 76px • 700

Mattis Dapibus Quam

H1 • Page Titles • Montserrat • 60px • Med

Risus Justo Porta Vulputate

H2 • Section Titles • Montserrat • 40px • Med

Donec id elit non mi porta gravida at eget metus.

H3 • Headlines • Montserrat • 30px • Semi Bold

Magna Quam Risus Cursus

H4 • Sub-Headlines • Montserrat • 25px • Semi Bold

Ornare Mattis Magna

H5 • Special-Headlines • Montserrat • 35px • Extra Light

Justo Amet Aenean Ligula

H6 • label • Proxima Nova• 19px • Normal

Montserrat • 16px • 500

Paragraph 1

Montserrat • 400 • 18px mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Paragraph 2

Montserrat • 400 • 23px mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Paragraph 3

Montserrat • light • 27px mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Block Quote: Montserrat • 30 px • 300 • Italic

Typography - Heading Styles

Logo Prosocial World

H1 • LOGO • Proximal Nova• 76px • 700

Mattis Dapibus Quam

H1 • Page Titles • Montserrat • 60px • Med

Risus Justo Porta Vulputate

H2 • Section Titles • Montserrat • 40px • Med

Donec id elit non mi porta gravida at eget metus.

H3 • Headlines • Montserrat • 30px • Semi Bold

Magna Quam Risus Cursus

H4 • Sub-Headlines • Montserrat • 25px • Semi Bold

Ornare Mattis Magna

H5 • Special-Headlines • Montserrat • 35px • Light

Justo Amet Aenean Ligula

H6 • label • Montserrat • 19px • Reg

Montserrat • 16px • 500

Paragraph 1

Montserrat • 400 • 18px mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Paragraph 2

Montserrat • 400 • 23px mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Paragraph 3

Montserrat • light • 27px mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Block Quote: Montserrat • 30 px • 300 • Italic

Links & Buttons