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(11, 57, 72, 1)
var(--primary-rgb) = 11, 57, 72
secondary
var(--secondary) = rgba(74, 121, 95, 1)
var(--secondary-rgb) = 74, 121, 95
tertiary
var(--tertiary) = rgba(191, 105, 0, 1)
var(--tertiary-rgb) = 191, 105, 0
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(238, 178, 62, 1)
var(--orange-rgb) = 238, 178, 62
purple
var(--purple) = rgba(11, 57, 72, 1)
var(--purple-rgb) = 11, 57, 72

Component Library

Accordion

Component Locations

OR