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(12, 57, 90, 1)

var(--primary-rgb) = 12, 57, 90

secondary

var(--secondary) = rgba(107, 90, 77, 1)

var(--secondary-rgb) = 107, 90, 77

accent

var(--accent) = rgba(35, 111, 135, 1)

var(--accent-rgb) = 35, 111, 135

bg-1

var(--bg-1) = rgba(255, 245, 243, 1)

var(--bg-1-rgb) = 255, 245, 243

bg-2

var(--bg-2) = rgba(239, 236, 235, 1)

var(--bg-2-rgb) = 239, 236, 235

bg-3

var(--bg-3) = rgba(227, 224, 222, 1)

var(--bg-3-rgb) = 227, 224, 222

text

var(--text) = rgba(51, 51, 51, 1)

var(--text-rgb) = 51, 51, 51

Component Library

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

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