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(65, 140, 225, 1)

var(--primary-rgb) = 65, 140, 225

secondary

var(--secondary) = rgba(159, 197, 240, 1)

var(--secondary-rgb) = 159, 197, 240

tertiary

var(--tertiary) = rgba(102, 162, 231, 1)

var(--tertiary-rgb) = 102, 162, 231

gray-1

var(--gray-1) = rgba(70, 70, 74, 1)

var(--gray-1-rgb) = 70, 70, 74

bg-1

var(--bg-1) = rgba(246, 246, 246, 1)

var(--bg-1-rgb) = 246, 246, 246

bg-2

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

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

orange

var(--orange) = rgba(241, 179, 64, 1)

var(--orange-rgb) = 241, 179, 64

purple

var(--purple) = rgba(132, 105, 222, 1)

var(--purple-rgb) = 132, 105, 222

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