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
OR