Style Guide

Headings

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline

Body: Lorem ipsum dolor

Body 2: Lorem ipsum dolor

Colors

Variables

--color-background-3
--color-white
--color-background
--color-background-2
--color-background-4
--color-foreground
--color-foreground-2
--color-background-tag-3
--color-background-tag-4
--gradient-background

Background

Text

.font-black
.font-white
.font-beige
.font-beige-light
.font-gray
.font-green
.font-green-light
.font-gold
.font-gold-light

Tags

.tag.tag-primary .tag.tag-secondary .tag.tag-tertiary

Buttons

btn btn--primary

Normal and :hover

Disabled

btn btn--secondary

Normal and :hover

Disabled

btn btn--tertiary

Normal and :hover

Disabled

btn btn--quaternary

Normal and :hover

Disabled

Links

Icons

Dawn Icons

Icons in snippets/icon-accordion.liquid

Added Icons

Form elements

Input email Primary

Normal, clicked and fill

Disabled

Input email Secondary

Normal, clicked and fill

Disabled