Token | Value | Description | |
|---|---|---|---|
Umrel Design System | --umrel-typography-heading-xl-mobile-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-heading-xl-mobile-font-size | var(--umrel-font-size-325) | — |
User Experience | --umrel-typography-heading-xl-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-heading-xl-mobile-font-line-height | var(--umrel-font-line-height-200) | — |
Design Engineering | --umrel-typography-heading-xl-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-denser) | — |
Umrel Design System | --umrel-typography-heading-xl-desktop-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-heading-xl-desktop-font-size | var(--umrel-font-size-450) | — |
User Experience | --umrel-typography-heading-xl-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-heading-xl-desktop-font-line-height | var(--umrel-font-line-height-200) | — |
Design Engineering | --umrel-typography-heading-xl-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-denser) | — |
Umrel Design System | --umrel-typography-heading-lg-mobile-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-heading-lg-mobile-font-size | var(--umrel-font-size-275) | — |
User Experience | --umrel-typography-heading-lg-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-heading-lg-mobile-font-line-height | var(--umrel-font-line-height-200) | — |
Design Engineering | --umrel-typography-heading-lg-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-denser) | — |
Umrel Design System | --umrel-typography-heading-lg-desktop-font-family | var(--umrel-font-family-title) | - |
Aa | --umrel-typography-heading-lg-desktop-font-size | var(--umrel-font-size-400) | — |
User Experience | --umrel-typography-heading-lg-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-heading-lg-desktop-font-line-height | var(--umrel-font-line-height-200) | — |
Design Engineering | --umrel-typography-heading-lg-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-denser) | — |
Umrel Design System | --umrel-typography-heading-md-mobile-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-heading-md-mobile-font-size | var(--umrel-font-size-250) | — |
User Experience | --umrel-typography-heading-md-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-heading-md-mobile-font-line-height | var(--umrel-font-line-height-350) | — |
Design Engineering | --umrel-typography-heading-md-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-denser) | — |
Umrel Design System | --umrel-typography-heading-md-desktop-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-heading-md-desktop-font-size | var(--umrel-font-size-350) | — |
User Experience | --umrel-typography-heading-md-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-heading-md-desktop-font-line-height | var(--umrel-font-line-height-200) | — |
Design Engineering | --umrel-typography-heading-md-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-denser) | — |
Umrel Design System | --umrel-typography-heading-sm-mobile-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-heading-sm-mobile-font-size | var(--umrel-font-size-200) | — |
User Experience | --umrel-typography-heading-sm-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-heading-sm-mobile-font-line-height | var(--umrel-font-line-height-350) | — |
Design Engineering | --umrel-typography-heading-sm-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-denser) | — |
Umrel Design System | --umrel-typography-heading-sm-desktop-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-heading-sm-desktop-font-size | var(--umrel-font-size-225) | — |
User Experience | --umrel-typography-heading-sm-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-heading-sm-desktop-font-line-height | var(--umrel-font-line-height-350) | — |
Design Engineering | --umrel-typography-heading-sm-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-denser) | — |
Umrel Design System | --umrel-typography-body-lg-regular-mobile-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-lg-regular-mobile-font-size | var(--umrel-font-size-125) | — |
User Experience | --umrel-typography-body-lg-regular-mobile-font-weight | var(--umrel-font-weight-regular) | — |
Crafting Interfaces | --umrel-typography-body-lg-regular-mobile-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-lg-regular-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-lg-regular-desktop-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-lg-regular-desktop-font-size | var(--umrel-font-size-150) | — |
User Experience | --umrel-typography-body-lg-regular-desktop-font-weight | var(--umrel-font-weight-regular) | — |
Crafting Interfaces | --umrel-typography-body-lg-regular-desktop-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-lg-regular-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-lg-medium-mobile-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-lg-medium-mobile-font-size | var(--umrel-font-size-125) | — |
User Experience | --umrel-typography-body-lg-medium-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-body-lg-medium-mobile-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-lg-medium-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-lg-medium-desktop-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-lg-medium-desktop-font-size | var(--umrel-font-size-150) | — |
User Experience | --umrel-typography-body-lg-medium-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-body-lg-medium-desktop-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-lg-medium-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-md-regular-mobile-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-md-regular-mobile-font-size | var(--umrel-font-size-125) | — |
User Experience | --umrel-typography-body-md-regular-mobile-font-weight | var(--umrel-font-weight-regular) | — |
Crafting Interfaces | --umrel-typography-body-md-regular-mobile-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-md-regular-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-md-regular-desktop-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-md-regular-desktop-font-size | var(--umrel-font-size-125) | — |
User Experience | --umrel-typography-body-md-regular-desktop-font-weight | var(--umrel-font-weight-regular) | — |
Crafting Interfaces | --umrel-typography-body-md-regular-desktop-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-md-regular-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-md-medium-mobile-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-md-medium-mobile-font-size | var(--umrel-font-size-125) | — |
User Experience | --umrel-typography-body-md-medium-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-body-md-medium-mobile-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-md-medium-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-md-medium-desktop-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-md-medium-desktop-font-size | var(--umrel-font-size-125) | — |
User Experience | --umrel-typography-body-md-medium-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-body-md-medium-desktop-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-md-medium-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-sm-regular-mobile-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-sm-regular-mobile-font-size | var(--umrel-font-size-100) | — |
User Experience | --umrel-typography-body-sm-regular-mobile-font-weight | var(--umrel-font-weight-regular) | — |
Crafting Interfaces | --umrel-typography-body-sm-regular-mobile-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-sm-regular-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-sm-regular-desktop-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-sm-regular-desktop-font-size | var(--umrel-font-size-100) | — |
User Experience | --umrel-typography-body-sm-regular-desktop-font-weight | var(--umrel-font-weight-regular) | — |
Crafting Interfaces | --umrel-typography-body-sm-regular-desktop-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-sm-regular-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-sm-medium-mobile-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-sm-medium-mobile-font-size | var(--umrel-font-size-100) | — |
User Experience | --umrel-typography-body-sm-medium-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-body-sm-medium-mobile-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-sm-medium-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-sm-medium-desktop-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-sm-medium-desktop-font-size | var(--umrel-font-size-100) | — |
User Experience | --umrel-typography-body-sm-medium-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-body-sm-medium-desktop-font-line-height | var(--umrel-font-line-height-600) | — |
Design Engineering | --umrel-typography-body-sm-medium-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-xs-regular-mobile-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-xs-regular-mobile-font-size | var(--umrel-font-size-75) | — |
User Experience | --umrel-typography-body-xs-regular-mobile-font-weight | var(--umrel-font-weight-regular) | — |
Crafting Interfaces | --umrel-typography-body-xs-regular-mobile-font-line-height | var(--umrel-font-line-height-400) | — |
Design Engineering | --umrel-typography-body-xs-regular-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-xs-regular-desktop-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-xs-regular-desktop-font-size | var(--umrel-font-size-75) | — |
User Experience | --umrel-typography-body-xs-regular-desktop-font-weight | var(--umrel-font-weight-regular) | — |
Crafting Interfaces | --umrel-typography-body-xs-regular-desktop-font-line-height | var(--umrel-font-line-height-400) | — |
Design Engineering | --umrel-typography-body-xs-regular-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-xs-medium-mobile-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-xs-medium-mobile-font-size | var(--umrel-font-size-75) | — |
User Experience | --umrel-typography-body-xs-medium-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-body-xs-medium-mobile-font-line-height | var(--umrel-font-line-height-400) | — |
Design Engineering | --umrel-typography-body-xs-medium-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-body-xs-medium-desktop-font-family | var(--umrel-font-family-body) | — |
Aa | --umrel-typography-body-xs-medium-desktop-font-size | var(--umrel-font-size-75) | — |
User Experience | --umrel-typography-body-xs-medium-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-body-xs-medium-desktop-font-line-height | var(--umrel-font-line-height-400) | — |
Design Engineering | --umrel-typography-body-xs-medium-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-link-md-medium-mobile-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-link-md-medium-mobile-font-size | var(--umrel-font-size-125) | — |
User Experience | --umrel-typography-link-md-medium-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-link-md-medium-mobile-font-line-height | var(--umrel-font-line-height-100) | — |
Design Engineering | --umrel-typography-link-md-medium-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-link-md-medium-desktop-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-link-md-medium-desktop-font-size | var(--umrel-font-size-125) | — |
User Experience | --umrel-typography-link-md-medium-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-link-md-medium-desktop-font-line-height | var(--umrel-font-line-height-100) | — |
Design Engineering | --umrel-typography-link-md-medium-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-link-sm-medium-mobile-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-link-sm-medium-mobile-font-size | var(--umrel-font-size-100) | — |
User Experience | --umrel-typography-link-sm-medium-mobile-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-link-sm-medium-mobile-font-line-height | var(--umrel-font-line-height-100) | — |
Design Engineering | --umrel-typography-link-sm-medium-mobile-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Umrel Design System | --umrel-typography-link-sm-medium-desktop-font-family | var(--umrel-font-family-title) | — |
Aa | --umrel-typography-link-sm-medium-desktop-font-size | var(--umrel-font-size-100) | — |
User Experience | --umrel-typography-link-sm-medium-desktop-font-weight | var(--umrel-font-weight-medium) | — |
Crafting Interfaces | --umrel-typography-link-sm-medium-desktop-font-line-height | var(--umrel-font-line-height-100) | — |
Design Engineering | --umrel-typography-link-sm-medium-desktop-font-letter-spacing | var(--umrel-font-letter-spacing-normal) | — |
Text
Text alias tokens are used for styling text.