Style Guide

Typography

Wide range typography scale from heading, body and other text element.
Plus jakarta sans
•
black
•
56px / 64px / -0.56px

Heading One

Plus jakarta sans
•
black
•
48px / 56px / -0.48px

Heading Two

Plus jakarta sans
•
black
•
40px / 40px / 0px

Heading Three

Plus jakarta sans
•
black
•
32px / 40px / -0.32px

Heading Four

Plus jakarta sans
•
black
•
24px / 32px / -0.24px
Heading Five
Plus jakarta sans
•
black
•
20px / 28px / 0px
Heading Six
Inter
•
all paragraph
•
18px / 32px / 0px

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.

Inter
•
regular
•
18px / 32px / 0px
Body L Regular
Inter
•
Medium
•
18px / 32px / 0px
Body L Medium
Inter
•
regular
•
16px / 28px / 0.16px
Body N Regular
Inter
•
medium
•
16px / 28px / 0.16px
Body N Medium
Inter
•
regular
•
14px / 24px / 0.14px
Body S Regular
Inter
•
Medium
•
14px / 24px / 0.14px
Body S Regular
Instrument sans
•
special button text
•
18px / 32px / 0px
button text
Instrument sans
•
special l bold
•
20px / 28px / 0px
Special Text L Bold
Instrument sans
•
special s bold
•
16px / 24px / 0.32px
Special Text S Bold
Instrument sans
•
special Xs bold
•
12px / 16px / 0px
Special Text XS Bold
Instrument sans
•
nav link
•
12px / 16px / 0px
Nav Link

Heading Text

Wide range typography scale from heading, body and other text element.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six

Color

Wide range typography scale from heading, body and other text element.
#FDFBE6
#FFFAC6
#FDEF8A
#FCDE48
#F9CB13
#E6AF07
#FCFCFC
#F4F4F5
#E5E5E8
#D5D5D9
#A2A2AB
#707079
#53535C
#404047
#28282B
#17171A
#000000
#FFFFFF

Button

Wide range typography scale from heading, body and other text element.

Form

Wide range typography scale from heading, body and other text element.
Text area
Select Field
Select Field
Select Field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Rich

Wide range typography scale from heading, body and other text element.

What’s a Rich Text element?

Heading 1

Heading2

Heading 3

Heading 4

Heading 5
  • This is list of rich text element
  • This is list of rich text element
  • This is list of rich text element
  • This is list of rich text element
Improving your strength helps endurance-focused exercises because the stronger your muscles, the better they can handle repetitive movements.
Image Source: https://unsplash.com/