Styleguide

Typograghy

Default header font styles. Use this as a guide to set responsive font sizes.

This is a header (h1)

This is a header (h2)

This is a header (h3)

This is a header (h4)

This is a header (h5)

Colors

Global colors and values

primary

var(--primary) = rgba(0, 157, 220, 1)

var(--primary-rgb) = 0, 157, 220

accent1

var(--accent1) = rgba(0, 71, 128, 1)

var(--accent1-rgb) = 0, 71, 128

accent2

var(--accent2) = rgba(169, 184, 195, 1)

var(--accent2-rgb) = 169, 184, 195

bg1

var(--bg1) = rgba(216, 216, 216, 1)

var(--bg1-rgb) = 216, 216, 216

bg2

var(--bg2) = rgba(238, 238, 238, 1)

var(--bg2-rgb) = 238, 238, 238

button2

var(--button2) = rgba(40, 52, 67, 1)

var(--button2-rgb) = 40, 52, 67

Component Library

Block Tiles

#1 Header 3

#2 Header 3

#3 Header 3

#4 Header 3

Accordion

Component Locations

Select a Page

Select a Component