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