Style Guide

Typography

Wide range typography scale from heading, body and other text element.
bespoke serif
black
64px / 72px / -0.02em

heading one

bespoke serif
black
56px / 64px / -0.02em

Heading Two

bespoke serif
black
48px / 56px / -0.02em

Heading three

bespoke serif
black
40px / 48px / -0.02em

Heading four

bespoke serif
black
32px / 40px / -0.02em
Heading five
bespoke serif
black
20px / 28px / -0.02em
heading six
inter
all paragraph
18px / 28px / 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 / 28px / 0px
Body L Regular
inter
Medium
18px / 28px / 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
bespoke serif
special quote
32px / 40px / 0px
Special / Quote
inter
special button text
18px / 32px / 0px
button text
inter
special l bold
20px / 28px / 0px
Special Text L Bold
inter
special s bold
16px / 24px / 0.32px
Special Text S Bold
inter
special Xs bold
12px / 16px / 0px
Special Text XS Bold
inter
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

Text Aligment

Wide range typography scale from heading, body and other text element.
Text Align Left
Text Align Center
Text Align Right

Color

Wide range typography scale from heading, body and other text element.
#1D283A
#344256
#48566A
#65758B
#E1E7EF
#F8FAFC
#1E3FAE
#2463EB
#BEDBFE
#F2F7FF
#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 text

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

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  1. This is list of rich text element
  2. This is list of rich text element
  3. This is list of rich text element
  4. 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/