Grid

Guidance for using and tuning typography.

Use the 📏 Size prop to control the visual style of the button.

The typographic system is based on a 9 step scale, every step has a corresponding font-size, line-height and letter-spacing value which are all designed to be used in combination.

Du kannst die folgenden Links nutzen um die im Design System enthalte Inter Font runterzuladen. Dazu kannst du die für native iOS genutze SF Pro runterladen oder die von Google für Android genutzt Roboto downloaden.

1. Mobile

Use the 📏 Size prop to control the visual style of the button.

Column
Padding
Space between
1
16 px
-
2
16 px
16 px
3
16 px
16 px

2. Tablet

Use the 📏 Size prop to control the visual style of the button.

Column
Padding
Space between
2
32 px
16 px
3
32 px
16 px
ipad mini grid

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Premium Version