HTML Heading Tags

H1
Sample text is being used as a placeholder.

H2
Sample text is being used as a placeholder as real text.

H3
Sample text helps you understand how real text may look on your website.

H4
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

H5
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
H6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

HTML Heading Tags

heading-xlarge

heading-large

heading-medium

heading-small

heading-xsmall

HTML Text Sizes

text-size-large

text-size-medium

text-size-regular

text-size-small

text-size-tiny

Text Weights

text-weight-xbold

text-weight-bold

text-weight-semibold

text-weight-medium

text-weight-normal

text-weight-light

Text Alignments

text-align-left

text-align-center

text-align-right

Color Palette

Primary
Secondary
Text Color
Background 1
Background 2
Others

Buttons

I am a buttonI am a buttonI am a buttonI am a button

Containers

Grid

Max Width