Typography

Global Styles

Font family:

'Poppins', sans-serif

Headings:

Font family:

'Poppins', sans-serif;

Colors:

#FFFFFF (white)

#424242 example

Heading one

font-size:

48px

letter-spacing:

0.5px

line-height

56px

Heading two

font-size:

20px

letter-spacing:

??

line-height

28px

Heading three

Not used.

Paragraphs

Standard paragraph

Praesent ultrices urna varius ex dapibus, quis congue quam accumsan. Mauris nec feugiat eros, eu eleifend elit. Nullam sodales ligula eget dolor pellentesque, eget posuere libero lacinia. Integer congue aliquet felis ac hendrerit. Integer pharetra, neque et dictum sagittis, nunc elit finibus quam, ullamcorper tristique elit urna eu turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut hendrerit lectus non ligula eleifend commodo. Aliquam sed egestas risus, a laoreet diam. Aliquam bibendum vestibulum nulla nec pellentesque.

Subtext paragraph

Color:

#7D7D7D example

Praesent ultrices urna varius ex dapibus, quis congue quam accumsan. Mauris nec feugiat eros, eu eleifend elit. Nullam sodales ligula eget dolor pellentesque, eget posuere libero lacinia. Integer congue aliquet felis ac hendrerit. Integer pharetra, neque et dictum sagittis, nunc elit finibus quam, ullamcorper tristique elit urna eu turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut hendrerit lectus non ligula eleifend commodo. Aliquam sed egestas risus, a laoreet diam. Aliquam bibendum vestibulum nulla nec pellentesque.

Links

Un-visited Color:

#42A8CD Example

Visited Color:

#??? Default: #551a8b Example

Active Color:

#??? Default: #ff0000 Example

Hover Color:

#??? Default: #0000EE Example

Contextual Link Example

Within a paragraph, there may be a link to useful resources for the user.