Style Guide

Headings

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline

Body

Body Small

Colors

Variables

--color-black
--color-white
--color-gray
--color-beige
--color-sand
--color-green
--color-red
--color-wine
--color-rose

Background

.bg-white
.bg-black
.bg-gray
.bg-beige
.bg-sand
.bg-green
.bg-red
.bg-wine
.bg-rose

Text

.font-black
.font-white
.font-gray
.font-beige
.font-sand
.font-green
.font-red
.font-wine
.font-rose

Icons

Dawn Icons

Icons in snippets/icon-accordion.liquid

Added Icons (css)

Added Icons (snippet)

Grilles (flex)

grid grid--3-col grid--4-col-tablet grid--6-col-desktop

grid grid--2-col grid--3-col-tablet grid--5-col-desktop

grid grid--1-col grid--2-col-tablet grid--4-col-desktop

grid grid--1-col grid--1-col-tablet grid--3-col-desktop

grid grid--1-col grid--1-col-tablet grid--2-col-desktop

grid grid--1-col grid--1-col-tablet grid--1-col-desktop

Buttons

button button--primary

Primary (Link)

button button--secondary

Secondary (Link)

button

Default (Link)

button button--full-width

Default Full Width (Link)

Links

Underline

.underline

With Arrow

With arrow

Form elements

Colors
Color

Snippets

Breadcrumbs (nova-breadcrumbs)