H1: Reserve for the largest text element on the page.
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Black
#231F20
Use: Very Rare
Slate (Primary)
#39607A
Use: Common
Earth (Secondary)
#0076BE
Use: Rare
Sun (Tertiary)
#F7921E
Use: Rare
Concrete
#5E6367
Use: Common
Gravel
#9CBCCD
Use: Common
Bleached Slate (TAG)
#f2f6f8
Use: Rare
Lily
#8D54A2
Use: Very Rare
Tomato
#EF373E
Use: Very Rare
Citrus
#F26A36
Use: Very Rare
Daisy
#FFE600
Use: Very Rare
Leaf
#69B342
Use: Very Rare
Rules to condsider:
- Only use "Open Sans". Do not set new font-family or sets. Either allow the class to inherit, or override with "'Open Sans', Helvetica, Arial, sans-serif". (Note: "Open Sans light" does not call Google Fonts, therefore, the next font referenced in the value will load. To call a weight, use font-weight selector,+ values below.)
- Only the following font-weights are available and loaded for Open Sans: 300, 400, 600, 700, 800. Do not vary from these values. Do not use "bold" or "bolder".
- Never use Secondary color (#0076BE) for anything other than an item in which suggests interactivity. For instance, do not set a header in this color unless the header is linked.
- Colors Lily, Tomato, Citrus, Daisy, and Leaf should very rarely be used.
- Do not create a new color. Variations of colors can be used by adding an alpha value (0.01-1) » rgba(#,#,#,#).
- Do not center headers unless it is integral to the optical anchoring of more than one element on the page.