Style Guide

Manage the look and feel of the entire website from our style guide. Style and components used on the site are documented here, and any changes made will be immediately visible across all pages.

Blue-Violet / #7839EE

Portland Orange / #F8522E

Raisin Black / #1C112F

Gray / #7F7A82

Platinum / #E5DEEA

Cool Grey / #9090AE

Jacarta / #3E354E

Cultured / #F5F4F7

Ghost White / #F8F9FC

Heading H1

Font-Family: Outfit

Font-size: 72px ; line-height: 72px;

Heading 1

Heading H2

Font-Family: Outfit

Font-size: 56px ; line-height: 72px;

Heading 2

Heading H3

Font-Family: Outfit

Font-size: 48px ; line-height: 60px;

Heading 3

Heading H4

Font-Family: Outfit

Font-size: 32px ; line-height: 48px;

Heading 4

Heading H5

Font-Family: Outfit

Font-size: 24px ; line-height: 36px;

Heading 5

All Big Paragraph

Paragraph Large

Font-Family: Inter

Font-size: 20px ; line-height: 32px;

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.

Paragraph Medium

Font-Family: Inter

Font-size: 18px ; line-height: 28px;

Paragraph Small

Font-Family: Inter

Font-size: 16px ; line-height: 24px;

Primary Button

Get Started

Primary Button

BUY