Style guide

Text styles

Default

Inter Tight Regular 16px/150%

Text Small

.text-size-sm

Text extra small

.text-size-xs

Text align left

.text-align-

Text align center

.text-align-center

Text align right

.text-align-right

Text color subtle

.text-color-subtle

Text color subdued

.text-color-subdued

Strikethrough

.text-strikethrough

H1

H1 style

Inter Tight ExtraBold 100px/92%

H2

H2 style

Inter Tight Bold 52px/100%

H3

H3 style

Inter Tight Bold 40px/120%

H4

H4 style

Inter Tight Bold 32px/125%

H5
H5 style

Inter Tight Semi Bold 24px/133.33%

H6
H6 style

Inter Tight Semi Bold 16px/150%

Subheading1

Inter Tight Medium 44px/125%

Subheading2

Inter Tight Medium 32px/137.5%

Subheading3

Inter Tight Medium 22px/150%

Blockquote

Inter Tight Bold 24px/125%

Button1

Inter Tight SemiBold 16px/100%

Button2

Inter Tight SemiBold 14px/114.29%

Form input label

Inter Tight Medium 12px/133.33%

Form choice label

Inter Tight Regular 14px/142.86%

Form input content

Inter Tight Regular 16px/125%

Elements

Button

.btn

Button

.btn .btn-sm

Button

.btn .btn-secondary

Button

.btn .btn-secondary .btn-sm

.overflow-hidden