Style guide

Colors

The primary colors and shades of gray on the website are managed through the Framer's assets panel.

Primary 1

Primary 2

White

Gray 1

Gray 2

Gray 3

Black

HTML Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
Paragraphs

Different sizes of paragraphs and text styling are available.

Text Extra Small - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Small - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Default - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Medium- Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Large - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Buttons

A variety of button styles are available throughout the website.

Button

Button black

Button link icon

Button link