Style Guide

Headings

Heading (.big-title)

Heading (.big-title)
sur deux ligne

H1 Headline

H1 Headline
sur deux ligne

H2 Headline

H2 Headline
sur deux ligne

H3 Headline

H3 Headline
sur deux ligne

Body: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Body Small: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Headings (Responsive)

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline

Body

Colors

Variables

--color-black
--color-white
--color-red-crc
--color-grey-background-1
--color-grey-background-2
--color-charcoal

Background

.bg-white
.bg-black
.bg-grey-background-1
.bg-grey-background-2
.bg-charcoal

Text

.font-black
.font-white

Icons

Dawn Icons

Icons in snippets/icon-accordion.liquid

Added Icons

Buttons

btn btn--primary

Primary (Link)

btn btn--secondary

Secondary (Link) Tertiary (Link)

btn

Default (Link)

btn (Disabled)

Default (Link)

Form elements

Colors
Color

Snippets

Breadcrumbs (nova-breadcrumbs)