Colors

White

#FFFFFF

Black

#0f0f0f

Primary Color

#CCFF00

Heading Color

#ffffff

Hero Title Color

#f5f5f5

Body Text Color

#a3a3a3

Success color

#CCFF00

Error color

#ff4d4d

Typography

Display 1

Large Title - 96px /1.1em || Extra Bold || Outfit

Heading 1

H1 - 64px /1.1em || Extra Bold || Outfit

Heading 2

H2 - 48px /1.1em || Bold || Outfit

Heading 3

H3 - 36px /1.4em || Bold || Outfit

Heading 4

H4 - 24px /1.3em || Bold || Outfit

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 - 16px /1.6em || Regular || DM Sans

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.

Large Paragraph - 20px /1.5em || Regular || DM Sans

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.

Small Paragraph - 14px /1.5em || Regular || DM Sans

Recovery isn't just about lying on the couch. It's about intentional movement that facilitates repair. Why sitting still isn't always the answer, and how mobility flows can accelerate your progress.

Icons

Style Guide IconStyle Guide IconStyle Guide Icon