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, 148, 211, 1)

var(--primary-rgb) = 0, 148, 211

primary--dark

var(--primary--dark) = rgba(0, 125, 179, 1)

var(--primary--dark-rgb) = 0, 125, 179

secondary

var(--secondary) = rgba(213, 91, 125, 1)

var(--secondary-rgb) = 213, 91, 125

accent

var(--accent) = rgba(109, 211, 255, 1)

var(--accent-rgb) = 109, 211, 255

bg-1

var(--bg-1) = rgba(9, 25, 41, 1)

var(--bg-1-rgb) = 9, 25, 41

bg-2

var(--bg-2) = rgba(224, 224, 224, 1)

var(--bg-2-rgb) = 224, 224, 224

bg-3

var(--bg-3) = rgba(242, 242, 242, 1)

var(--bg-3-rgb) = 242, 242, 242

Component Library

Block Tiles

Accordion

Component Locations

Select a Page

Select a Component

Styleguide

Typograghy

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

Component Library

Block Tiles

Accordion

#1 Header 3 Header 3

#2 Header 3 Header 3

#3 Header 3 Header 3

#4 Header 3 Header 3

#5 Header 3 Header 3

#6 Header 3 Header 3

Component Locations