HTML Headings Tags

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

Heading Classes

Heading Style H1

Heading 1

Heading Style H2

Heading 2

Heading Style H3

Heading 3

Heading Style H4

Heading 4

Heading Style H5

Heading 5

Heading Style H6

Heading 6

Other HTML Tags

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

All Block Quotes

Block Quote

All Unordered Lists

Unordered list
Unordered list
Unordered list

All Ordered Lists

Unordered list
Unordered list
Unordered list

Text Sizes

Text Size X Large

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.

Text Size Large

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.

Text Size Medium

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.

Text Size Normal

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.

Text Size Small

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.

Text Weights

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)

Button Variant

Color Palette

White

#FFFFFF

White 900

#FFFFFFE6

White 800

#FFFFFFCC

White 700

#FFFFFFB3

White 600

#FFFFFF99

White 500

#FFFFFF80

White 400

#FFFFFF66

White 300

#FFFFFF4D

White 200

#FFFFFF33

White 100

#FFFFFF1A

Black

#000000

Black 900

#000000E6

Black 800

#000000CC

Black 700

#000000B3

Black 600

#00000099

Black 500

#00000080

Black 400

#00000066

Black 300

#0000004D

Black 200

#00000033

Black 100

#0000001A

Dark

#1E1E1E

Dark 900

#1E1E1EE6

Dark 800

#1E1E1ECC

Dark 700

#1E1E1EB3

Dark 600

#1E1E1E99

Dark 500

#1E1E1E80

Dark 400

#1E1E1E66

Dark 300

#1E1E1E4D

Dark 200

#1E1E1E33

Dark 100

#1E1E1E1A

Orange

#7C280E

Orange 950

#DD3400

Orange 900

#E86036

Orange 800

#E5967E

Orange 700

#FDF9F3

Orange 600

#F8F3F2

Soft Red

#F3C0C0

Pale Orange

#FFF2DB

Pale Red

#FFD4D3

Green

#FFD4D3

Pale Red

#E7E7E7

Style Guide

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Where you belong.