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(223, 214, 199, 1)
var(--primary-rgb) = 223, 214, 199
accent1
var(--accent1) = rgba(202, 159, 128, 1)
var(--accent1-rgb) = 202, 159, 128
accent2
var(--accent2) = rgba(225, 201, 103, 1)
var(--accent2-rgb) = 225, 201, 103
accent3
var(--accent3) = rgba(183, 151, 64, 1)
var(--accent3-rgb) = 183, 151, 64
bg1
var(--bg1) = rgba(88, 88, 94, 1)
var(--bg1-rgb) = 88, 88, 94
bg2
var(--bg2) = rgba(51, 51, 51, 1)
var(--bg2-rgb) = 51, 51, 51
text
var(--text) = rgba(249, 247, 245, 1)
var(--text-rgb) = 249, 247, 245

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