Website Styleguide
A collection of font styles, colors, and elements that guide the look and feel of the site. You can also navigate to the component library page to view all pre-built blocks and sections!
Heading Styles
ZILLA SLAB is our primary font family. It should be used for headings and large text. In general, use the Bold 700 font weight.
NOTE: Both font families are google fonts, and can be downloaded by following the links above.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
"eyebrow" text
Paragraph Styles
COMMISSIONER is our secondary font family, used as the backbone of our typographic style, providing a modern and clean feel with ultra readability. The main font weights used are Regular 400 and Bold 700. In certain cases it may warrant using other weights – eg. using Light for larger text, or Medium to improve readability body copy on top of certain backgrounds.
Big Text — Lorem ipsum dolor sit tempor ut labore et dolore magna ut commodo.
Lead Text — Lorem ipsum dolor sit amet ut labore et dolore magna, quis ut commodo is integre.
Standard Paragraph Text — Lorem ipsum dolor sit amet, integre dolore amet sit elit, sed do eiusmod tempor ut labore sample text link… et dolore magna aliqua ut aliquip ea commodo. Duis aute irure dolor in in voluptate velit esse cillum dolore eu fugiat nulla pariatur sint non sunt in culpa.
Small Text — Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Accent Typewriter Text — Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
“Blockquote — Through our wealth of programming and partnerships, we unite the region’s innovative…
Color Palette
#022744 – for headings
#005580
#127DB3
#5FC6DF
#EDF9FF
#134022
#007855
#25AE7A
#00DCB1
#E0F4E8
#0088F7 – for links & actions
#005580 – for body copy
