All Headings

HTML tags define default Heading styles.

All H1 Headings

Heading 1

All H2 Headings

Heading 2

All H3 Headings

Heading 3

All H4 Headings

Heading 4

All H5 Headings

Heading 5

All H6 Headings

Heading 6

Headings Class

Heading classes when typography style doesn't match the default HTML tag.

heading-style-h1

heading-style-h2

heading-style-h3

heading-style-h4

HTML tags

HTML tags define default text styles.

All Paragraphs

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.

All Links

Text Link

Text Sizes

Text sizes classes when typography size doesn't match the default HTML tag.

text-size-xlarge

text-size-large

text-size-medium

text-size-regular

text-size-small

text-size-tiny

Text Weights

Text weight classes when typography weight doesn't match the default HTML tag.

text-weight-black

text-weight-black (900)

text-weight-xbold

text-weight-xbold (800)

text-weight-bold

text-weight-bold (700)

text-weight-semibold

text-weight-semibold (600)

text-weight-medium

text-weight-medium (500)

text-weight-normal

text-weight-normal (400)

text-weight-light

text-weight-light (300)

text-weight-xlight

text-weight-xlight (200)

Text Styles

Text style classes when typography style doesn't match the default HTML tag.

text-style-italic

text-style-strikethrough

text-weight-bold

text-style-allcaps

text-weight-semibold

text-weight-semibold (600)

text-weight-medium

text-weight-medium (500)

text-weight-normal

text-weight-normal (400)

text-weight-light

text-weight-light (300)

text-weight-xlight

text-weight-xlight (200)

Rich Text

text-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a block quote

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.

This is a link inside of a rich text

List item
List item
List item

List item
List item
List item

Colors

black900

#222227

black800

#393941

black700

#51515D

black600

#696978

black500

#828292

black400

#9D9DA9

black300

#B8B8C1

black200

#D3D3D9

black100

#EFEFF1

black75

#F7F7F8

black50

#FBFBFC

black25

#FDFDFE

black900

#142A2D

primary800

#173639

primary700

#194246

primary600

#1B4A50

primary500

#135B63

primary400

#3E7B82

primary300

#6C9FA5

primary200

#B3CFD2

primary100

#D9E6E8

yellow600

#FFDA17

yellow500

#FFEB17

yellow400

#FFF378

yellow300

#FFF8B0

yellow200

#FFFCD8

yellow100

#FFFEEE

pink600

#DB6969

pink500

#E97F7F

pink400

#ECA3A3

pink300

#EBBFBF

pink200

#F5DDDD

pink100

#FBF3F3

purple900

#733499

purple800

#A256D0

purple700

#B673DE

purple600

#C58BE8

purple500

#D3A1F1

purple400

#E6BDFF

purple300

#EDD2FD

purple200

#F5E5FF

purple100

#FAF1FF