IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Code HelpersIconUiExpandCollapseDown
Design AssetsIconUiExpandCollapseDown

Type

Consistent looking type can be as simple as using these variables.

Web
React Native
Android
Apple

Weights

Lighten or bold any enclosed text.

NameValueVariable
Light300var(--font-weight-light)
Default400var(--font-weight-default)
Boldboldvar(--font-weight-bold)

Sizes

Change the size of the enclosed text. Try to use the text components instead though.

NameValueVariable
Micro0.75remvar(--font-size-micro)
Small0.875remvar(--font-size-small)
Default1remvar(--font-size-default)
Large1.125remvar(--font-size-large)