Typography

Typeface

Red Hat Display

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

Font size: 64px / 3.5rem | Line height: 120%

Heading 1

Font size: 48px / 3rem | Line height: 120%

Heading 2

Font size: 40px / 2.5rem | Line height: 120%

Heading 3

Font size: 32px / 2rem | Line height: 130%

Heading 4

Font size: 24px / 1.5rem | Line height: 140%

Heading 5

Font size: 20px / 1.25rem | Line height: 140%

Heading 6

Font size: 20px / 1.25rem
Line height: 150%

Text large

Extra bold

Text large

Bold

Text large

Semi bold

Text large

Medium

Text large

Normal

Text large

Light

Font size: 18px / 1.125rem
Line height: 150%

Text medium

Extra bold

Text medium

Bold

Text medium

Semi Bold

Text medium

Medium

Text medium

Normal

Text medium

Light

Font size: 16px / 1rem
Line height: 150%

Text regular

Extra bold

Text regular

Bold

Text regular

Semi Bold

Text regular

Medium

Text regular

Normal

Text regular

Light

Font size: 14px / 0.875rem
Line height: 150%

Text small

Extra bold

Text small

Bold

Text small

Semi Bold

Text small

Medium

Text small

Normal

Text small

Light

Font size: 12px / 0.75rem
Line height: 150%

Text tiny

Extra bold

Text tiny

Bold

Text tiny

Semi Bold

Text tiny

Medium

Text tiny

Normal

Text tiny

Light

Color

Aa

Black

#242120

Aa

White

#FFFFFF

Aa

Light Grey

#F4F4F4

Aa

Primary Green

#39B54A

Aa

Golden Yellow

#FFC20E

Aa

Orange

#F26522

Aa

Light Green

#9CDAA4

Aa

Light yellow

#FFF3CF

UI Elements

Primary Button

Secondary Button

Link Button

Primary Button

Secondary Button

Link Button