Type scales

Heading Type scales

H1 Title Example lorem ipsum

H1 Thin Title Example lorem

H2 Title Example lorem ipsum

H2 Thin Title Example lorem

H3 Title Example lorem ipsum

H3 Thin Title Example lorem

H4 Title Example lorem ipsum

H4 Thin Title Example lorem

H5 Title Example lorem ipsum
H6 Title Example lorem ipsum
Subheading Type scales

SUBHEADING LARGE LOREM IPSUM DOREM

SUBHEADING REGULAR LOREM IPSUM DOREM

SUBHEADING SMALL LOREM IPSUM DOREM

Subheading Large Lorem Ipsum Dorem

Subheading Regular Lorem Ipsum Dorem

Subheading Small Lorem Ipsum Dorem

Paragraph Type scales

Paragraph - Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa vitae tortor condimentum lacinia quis vel. Varius vel pharetra vel turpis nunc eget lorem dolor. Sed libero enim sed faucibus turpis in eu. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce ut. Nullam non nisi est sit amet facilisis magna.

Paragragh - Regular

Magna etiam tempor orci eu lobortis elementum nibh tellus molestie. Feugiat nibh sed pulvinar proin gravida hendrerit. Aenean sed adipiscing diam donec adipiscing tristique risus nec feugiat.

Paragragh - Small

Lectus proin nibh nisl condimentum id venenatis a condimentum. Elementum tempus egestas sed sed risus pretium. Nunc aliquet bibendum enim facilisis gravida neque. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Pellentesque sit amet porttitor eget dolor morbi. Gravida rutrum quisque non tellus.

Color Pallete

Brand Colors
Primary 1 - Ice
Primary 2 - Pond
Primary 3 - Ocean
Primary 4 - Sunshine
Greyscale, Black & White
Grey 1
Grey 2
Grey 3
Grey 4
Grey 5
Black
White
Utility Colors
Error
Success

Buttons & Links

Light
Primary
Secondary
Dark
Primary
Secondary
Add to Cart
Disabled
Links

This is an inline link example.

Content Module Link
Links (Dark BG example)

This is an inline link example.

Content Module Link

Forms

Fields