Style Guide

Color

HEX #102093

HEX #d6d6d6

HEX #e88273

HEX #b4b4b4

Typography

Muli ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890 ¿?¡!@_*() ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890 ¿?¡!@_*() ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890 ¿?¡!@_*()

Titles / Headings

Heading 1 - Bold, 40px / 1.5 / #213f62

Heading 2 - Bold, 30px / 1.5 / #213f62

Heading 3 - Bold, 24px / 1.5 / #213f62

Heading 4 - Bold, 18px / 1.5 / #213f62

Heading 5, 16px / 1.5 / #213f62

Heading 6, 14px / 1.5 / #213f62

Typography / Paragraphs

Mules 16px / 1.2 / # 213f62 lorem ipsum carrots, improve undergraduate developer, offset sed nibh euismod laoreet was a great weekend. That's why, for the years all will I come, who shall nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip out of her the advantage of the recipe. Homework or to the Bureau dolor sit amet

And mules are Bold, width 16px / 1.2 / # 213f62 lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Buttons

Primary Button

Normal Hover Active

Rounded corners

50%

Secondary Button

Normal Hover Active

Auxiliary Button

Normal Hover Active

Text buttons

Hyperlink

Photographs / Images

Concept: These should present people with a happy expression, performing an action naturally without posing for the camera. Treatment: Rounded corners 2% Shadow color HEX # 000000 25%