Global Styles

Text Style

This Is A Hero Headline (LG)

This Is A Hero Headline (MD)

This Is Headline H1

Runing Head

Paragraph (LG). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque cursus luctus dolor sed dignissim.

Fusce sollicitudin, neque quis fringilla iaculis, turpis risus volutpat.

Paragraph (MD). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque cursus luctus dolor sed dignissim.

Fusce sollicitudin, neque quis fringilla iaculis, turpis risus volutpat.

Button Text Link

Text Link

Grids

Desktop Grid

12 columns, 16px gutter, stretch full width, 64px (convert to vw) margins left/right

Mobile Grid

6 columns, 8px gutter, stretch full width, 24px (convert to vw) margins left/right

Colour Styles

black $color-black

white $color-white

mint $color-mint

manila $color-manila

navy $color-navy

strawberry $color-strawberry