HTML elements

You'll see that these typography elements don't have classes. These are the base level styles for the html elements. If you want to update the text styles, please edit the Typography and Button containers.

If you edit styles here, they will change across the site

Large title

If you edit styles here, they will change across the site

H1

Lorem ipsum dolor sit amet

H2

Lorem ipsum dolor sit amet

H3

Lorem ipsum dolor sit amet

H4
Lorem ipsum dolor sit amet
H5
Lorem ipsum dolor sit amet
H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph
Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
Text Link
Typography

Large title

Title-1

Title-2

Title-3

Title-4

Title-5
Title-6
Label
Subtitle-1
Subtitle-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Link
Colors

These colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.

Brand colors

Primary
#212121
Secondary
#4caf50
Smoke
#f5f5f5
Theme - normal
#0277bd
theme - Dark
#004c8c
Theme - Highlight
#0277bd (12%)

Product colors

Error
#ef5350
Warn
#ffb300
Positive
#4caf50
Negative
#39474e
Buttons
Form

Name *

Email *

Phone number *

Success message

Error message