Typography

Desktop

1920px - 1280px width

Tablet

1279px - 768px width

Mobile

767px - 320px width

Heading 1

96px / 112px

64px / 88px

48px / 64px

Black #24272D

H1

Heading 2

64px / 88px

48px / 64px

36px / 56px

Black #24272D

H2

Heading 3

48px / 64px

36px / 56px

28px / 40px

Black #24272D

H3

Heading 4

36px / 44px

24px / 36px

24px / 36px

Black #24272D

Grey #929396

Accent #0878EB

H4

H4

H4

H4

H4

H4

Heading 5

24px / 36px

20px / 32px

20px / 32px

Black #24272D

Grey #929396

Accent #0878EB

H5
H5
H5
H5
H5
H5

Subtitle

20px / 32px

16px / 24px

16px / 24px

Black #24272D

Grey #929396

Accent #0878EB

SubtitleSubtitleSubtitle
SubtitleSubtitleSubtitle

Paragraph

14px / 20px

14px / 20px

14px / 20px

Black #24272D

Grey #929396

Accent #0878EB

Paragraph

Paragraph

Paragraph

Paragraph

Paragraph

Paragraph

Label

12px / 16px

12px / 16px

12px / 16px

Black #24272D

Grey #929396

Accent #0878EB

Caption

8px / 12px

8px / 12px

8px / 12px

Black #24272D

Grey #929396

Accent #0878EB

Caption
Caption
Caption
Caption
Caption
Caption

Colors

Fill colors
Accent
Dark
White
Grey #1
Grey #2
Grey #3
Grey #4
Grey #5
Image
Border colors
normal
accent
error
Shadow
Small
Medium
Large
Extra large

Button

1. Buttons

Auto Size Primary

Auto Size Outline

Small Primary

Small Outline

Medium Primary

Medium Outline

Large Primary

Large Outline

2. Square Buttons

Auto Primary

Auto Outline

Small Primary

Small Outline

Medium Primary

Medium Outline

Large Primary

Large Outline

3. Round Buttons

Auto Primary

Auto Outline

Small Primary

Small Outline

Medium Primary

Medium Outline

Large Primary

Large Outline

4. Icon Buttons

Auto Primary

Auto Outline

Small Primary

Small Outline

Medium Primary

Medium Outline

Large Primary

Large Outline

4. Icons

Sizes

5. Input

Auto
Small
Medium