Style Guide

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(61, 87, 166, 1)
var(--primary-rgb) = 61, 87, 166
secondary
var(--secondary) = rgba(237, 158, 41, 1)
var(--secondary-rgb) = 237, 158, 41
tertiary
var(--tertiary) = rgba(138, 194, 79, 1)
var(--tertiary-rgb) = 138, 194, 79
accent
var(--accent) = rgba(79, 222, 229, 1)
var(--accent-rgb) = 79, 222, 229
bg-1
var(--bg-1) = rgba(243, 241, 225, 1)
var(--bg-1-rgb) = 243, 241, 225
text
var(--text) = rgba(67, 64, 64, 1)
var(--text-rgb) = 67, 64, 64

Component Library

Component Locations

OR