Style Guide

Type

Jost(body copy) / sans-serifThe quick brown fox jumps over the lazy dog

/ # ! $ @ [] ; 0123456789

Play(headlines) / sans-serifThe quick brown fox jumps over the lazy dog

/ # ! $ @ [] ; 0123456789

Fahkwang(sub-titles) / sans-serifThe quick brown fox jumps over the lazy dog

/ # ! $ @ [] ; 0123456789

Lexend(unknown) / sans-serifThe quick brown fox jumps over the lazy dog

/ # ! $ @ [] ; 0123456789

Roboto Slab(numeric) / serifThe quick brown fox jumps over the lazy dog

/ # ! $ @ [] ; 0123456789

Cinzel(quotes) / serifThe quick brown fox jumps over the lazy dog

/ # ! $ @ [] ; 0123456789

Colors

primary
(dark)

#31444e

primary

#516f7f

primary
(light)

#b1c4cd

secondary
(dark)

#5f4d47

secondary

#8b7068

secondary
(light)

#c7b9b5

tertiary
(dark)

#f39c07

tertiary

#faba4c

tertiary
(light)

#fde6be

quaternary
(dark)

#801522

quaternary

#c22033

quaternary
(light)

#f5c4ca

Logos

Headings

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5

Heading H6

Paragraph Content

Id laborum quis commodo Lorem ut qui duis voluptate sunt cupidatat anim. Velit pariatur culpa ad culpa adipisicing ullamco do ea est ipsum mollit cupidatat eu ipsum. Aliqua ipsum consequat reprehenderit sunt occaecat consequat laboris eu duis. Aute sit id consectetur sit. Ad veniam excepteur elit aliquip eu.

Sit anim consectetur duis ullamco tempor nostrud sit proident dolor id velit. Dolore excepteur reprehenderit incididunt Lorem fugiat occaecat consectetur elit do cillum. Cillum exercitation Lorem ea irure laborum Lorem consequat dolor occaecat Lorem.