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(40, 52, 67, 1)
var(--primary-rgb) = 40, 52, 67
secondary
var(--secondary) = rgba(142, 154, 159, 1)
var(--secondary-rgb) = 142, 154, 159
accent1
var(--accent1) = rgba(194, 217, 232, 1)
var(--accent1-rgb) = 194, 217, 232
accent2
var(--accent2) = rgba(216, 216, 216, 1)
var(--accent2-rgb) = 216, 216, 216
body
var(--body) = rgba(49, 49, 49, 1)
var(--body-rgb) = 49, 49, 49
bg-1
var(--bg-1) = rgba(247, 248, 246, 1)
var(--bg-1-rgb) = 247, 248, 246
Component Library
Block Tiles
header 3 subtitle header 3 subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Massa cursus tempor integer blandit urna enim lobortis quis rhoncus. Id faucibus est massa egestas turpis