Guidlines

This document outlines the essential components of our visual identity, from color systems to typographic principles. It is designed to help you build cohesive, on-brand experiences across every interaction point. Explore the foundations that shape our design language.

Typography (penatonic scale)

Heading 1

For

Desktop

Desktop

Desktop

Tablet

Tablet

Phone

Phone

Size

73 px

73 px

73 px

58 px

58 px

47 px

47 px

Line

1.1

Letter

Graphic Regular (Variant C)

Heading 2

Desktop

Desktop

Desktop

Tablet

Phone

Phone

Size

42 px

42 px

42 px

34 px

34 px

28 px

28 px

Line

1.1

Letter

Graphic Regular (Variant C)

Heading 3

Desktop

Desktop

Desktop

Tablet

Phone

Phone

Size

26 px

26 px

26 px

22 px

22 px

18 px

18 px

Line

1.3

Letter

Graphic Regular (Variant B)

Body 1

Desktop

Desktop

Desktop

Tablet

Phone

Phone

Size

24 px

24 px

24 px

19 px

19 px

15 px

15 px

Line

1.3

Letter

Family Regular

Body 2

Desktop

Desktop

Desktop

Tablet

Phone

Phone

Size

18 px

18 px

18 px

16 px

16 px

14 px

14 px

Line

1.4

Letter

Family Regular

Body 3

Desktop

Desktop

Desktop

Tablet

Phone

Phone

Size

16 px

16 px

16 px

14 px

14 px

12 px

12 px

Line

1.4

Letter

Graphic Regular (Variant A)

Caption

Desktop

Desktop

Desktop

Tablet

Phone

Phone

Size

12 px

12 px

12 px

12 px

12 px

12 px

12 px

Line

1.3

Letter

Graphic Regular (Variant A)

Components

Button

Primary

Secoundary

Colors

Primary

Gray

White

White

Black