Style guide page

The Style Guide outlines the visual and interactive standards for our design system, including typography, colors, and components, ensuring consistency across all digital products.

Typography

The Style Guide outlines the visual and interactive standards for our design system, including typography, colors, and components, ensuring consistency across all digital products.

Display Large

Titillium Web
‍114 px ‍
‍Bold‍
‍150%

Display Medium

Titillium Web
‍64 px ‍
‍Regular
150%

Display Small

Titillium Web
48 px ‍
‍Bold
150%

Heading Large

Titillium Web
64 px ‍
‍Regular
150%

Heading Medium

Titillium Web
48 px ‍
‍Regular
150%

Title Large

Titillium Web
32 px ‍
Semibold
150%

Title Medium

Titillium Web
24 px ‍
Semibold
150%

Title Small

Titillium Web
18 px ‍
Semibold
150%

Body Large

Kumbh Sans
22 px ‍
Light
170%

Body Medium

Kumbh Sans
18 px ‍
Light
170%

Body Small

Kumbh Sans
18 px ‍
Light
170%

Spacing

The Style Guide outlines the visual and interactive standards for our design system, including typography, colors, and components, ensuring consistency across all digital products.

Spacing-8

Spacing-7

Spacing-6

Spacing-5

Spacing-4

Spacing-3

Spacing-2

Spacing-1

Colors

The Style Guide outlines the visual and interactive standards for our design system, including typography, colors, and components, ensuring consistency across all digital products.

Light

Neutral light

Dark

Primary light

Primary dark

Secondary light

Secondary dark

Estructure

The Style Guide outlines the visual and interactive standards for our design system, including typography, colors, and components, ensuring consistency across all digital products.

1 col

2 col

3 col

4 col

5 col

6 col

7 col

8 col

9 col

10 col

11 col

12 col

Components

The Style Guide outlines the visual and interactive standards for our design system, including typography, colors, and components, ensuring consistency across all digital products.

Grids

The Style Guide outlines the visual and interactive standards for our design system, including typography, colors, and components, ensuring consistency across all digital products.

4 Grid

3 Grid

2 Grid

2-1 Grid

1-2 Grid