Skip to content Skip to navigation

Branding Guide

Color Palette

* Asterisk denotes colors from the logo
WCAG demands a minimum contrast of 4.5
  Black*
#222
Purple
#61A
Green
#250
Gray
#455
Red
#A00
Blue*
#059
White*
#FFF
15.9 9.4 8.9 7.8 7.8 7.6
Green
#DFC
14.6 8.6 8.1 7.2 7.1 7.0
Yellow
#FEC
13.9 8.2 7.8 6.9 6.8 6.7
Silver
#EEE
13.7 8.1 7.6 6.8 6.7 6.6
Blue
#DEF
13.4 8.0 7.5 6.6 6.6 6.4
Red
#FCC
11.2 6.6 6.2 5.5 5.4 5.3
Beige
#EC7
10.3 6.1 5.7 5.1 5.0 4.9
Gray*
#CCC
9.9 5.9 5.5 4.9 4.8 4.7
Orange*
#FB0
9.4 5.6 5.2 4.6 4.6 4.5

Headings:

Second Heading

Third Heading

Fourth Heading

Fifth Heading
Sixth Heading

 


Inline Elements:

Anchor Text.
Strong Text.
Emphasized Text.
Small Text.
Inserted Text.
Deleted Text.
Quoted Text.
Cited Text.
Marked Text.
Button Text.

Hyper Link.
Strong Link.
Emphasized Link.
Small Link.
Inserted Link.
Deleted Link.
Quoted Link.
Cited Link.
Marked Link.
Button Link.

Hyper Link.
Linked Strong.
Linked Emphasis.
Linked Small.
Linked Insertion.
Linked Deletion.
Linked Quotation.
Linked Citation.
Linked Mark.
Linked Button.

 


Blocky Elements:

Blockquote A <blockquote> should contain a <q> element. Each <q> should be followed by a <cite>.

This is a normal paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a mi euismod lorem aliquet hendrerit. Nunc quis euismod odio. Donec ultrices odio non justo iaculis, sed imperdiet ligula mattis. Proin non adipiscing arcu. Praesent non mollis orci. Integer in pretium lacus. Nullam risus lectus, adipiscing id aliquet eget, euismod eu quam. Phasellus diam mauris, condimentum et nisl in, vehicula tincidunt nibh. Integer convallis quam sit amet ipsum commodo, eu tincidunt leo interdum. Curabitur in semper lectus. Vivamus vel felis urna.

  • First Unordered List Item
  • Second Unordered List Item
  • Third Unordered List Item
  1. First Ordered List Item
  2. Second Ordered List Item
  3. Third Ordered List Item