Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Tools
  • Typography

    Token Value Resolved Deprecated Deprecated comment Replaced by
    default-font-family {sans-serif-font-family} Adobe Clean Spectrum VF No - -
    letter-spacing 0em 0em No - -
    text-align-start start start No - -
    text-align-center center center No - -
    text-align-end end end No - -
    sans-serif-font-family Adobe Clean Spectrum VF Adobe Clean Spectrum VF No - -
    serif-font-family Adobe Clean Serif Adobe Clean Serif No - -
    cjk-font-family Adobe Clean Han Adobe Clean Han No - -
    light-font-weight light light No - -
    regular-font-weight regular regular No - -
    medium-font-weight medium medium No - -
    bold-font-weight bold bold No - -
    extra-bold-font-weight extra-bold extra-bold No - -
    black-font-weight black black No - -
    italic-font-style italic italic No - -
    default-font-style normal normal No - -
    font-size-25 - desktop: 10px; mobile: 12px No - -
    font-size-50 - desktop: 11px; mobile: 13px No - -
    font-size-75 - desktop: 12px; mobile: 15px No - -
    font-size-100 - desktop: 14px; mobile: 17px No - -
    font-size-200 - desktop: 16px; mobile: 19px No - -
    font-size-300 - desktop: 18px; mobile: 22px No - -
    font-size-400 - desktop: 20px; mobile: 24px No - -
    font-size-500 - desktop: 22px; mobile: 27px No - -
    font-size-600 - desktop: 25px; mobile: 31px No - -
    font-size-700 - desktop: 28px; mobile: 34px No - -
    font-size-800 - desktop: 32px; mobile: 39px No - -
    font-size-900 - desktop: 36px; mobile: 44px No - -
    font-size-1000 - desktop: 40px; mobile: 49px No - -
    font-size-1100 - desktop: 45px; mobile: 55px No - -
    font-size-1200 - desktop: 51px; mobile: 62px No - -
    font-size-1300 - desktop: 58px; mobile: 70px No - -
    font-size-1400 - desktop: 65px; mobile: 79px No - -
    font-size-1500 - desktop: 73px; mobile: 88px No - -
    line-height-100 1.3 1.3 No - -
    line-height-200 1.5 1.5 No - -
    cjk-line-height-100 1.5 1.5 No - -
    cjk-line-height-200 1.7 1.7 No - -
    cjk-letter-spacing {letter-spacing} 0em No - -
    heading-sans-serif-font-family {sans-serif-font-family} Adobe Clean Spectrum VF No - -
    heading-serif-font-family {serif-font-family} Adobe Clean Serif No - -
    heading-cjk-font-family {cjk-font-family} Adobe Clean Han No - -
    heading-sans-serif-light-font-weight {light-font-weight} light Yes - -
    heading-sans-serif-light-font-style {default-font-style} normal Yes - -
    heading-serif-light-font-weight {regular-font-weight} regular Yes - -
    heading-serif-light-font-style {default-font-style} normal Yes - -
    heading-cjk-light-font-weight {light-font-weight} light Yes - -
    heading-cjk-light-font-style {default-font-style} normal Yes - -
    heading-sans-serif-font-weight {extra-bold-font-weight} extra-bold No - -
    heading-sans-serif-font-style {default-font-style} normal No - -
    heading-serif-font-weight {bold-font-weight} bold No - -
    heading-serif-font-style {default-font-style} normal No - -
    heading-cjk-font-weight {extra-bold-font-weight} extra-bold No - -
    heading-cjk-font-style {default-font-style} normal No - -
    heading-sans-serif-heavy-font-weight {black-font-weight} black No - -
    heading-sans-serif-heavy-font-style {default-font-style} normal No - -
    heading-serif-heavy-font-weight {black-font-weight} black No - -
    heading-serif-heavy-font-style {default-font-style} normal No - -
    heading-cjk-heavy-font-weight {extra-bold-font-weight} extra-bold No - -
    heading-cjk-heavy-font-style {default-font-style} normal No - -
    heading-sans-serif-light-strong-font-weight {bold-font-weight} bold Yes - -
    heading-sans-serif-light-strong-font-style {default-font-style} normal Yes - -
    heading-serif-light-strong-font-weight {bold-font-weight} bold Yes - -
    heading-serif-light-strong-font-style {default-font-style} normal Yes - -
    heading-cjk-light-strong-font-weight {extra-bold-font-weight} extra-bold Yes - -
    heading-cjk-light-strong-font-style {default-font-style} normal Yes - -
    heading-sans-serif-strong-font-weight {black-font-weight} black No - -
    heading-sans-serif-strong-font-style {default-font-style} normal No - -
    heading-serif-strong-font-weight {black-font-weight} black No - -
    heading-serif-strong-font-style {default-font-style} normal No - -
    heading-cjk-strong-font-weight {black-font-weight} black No - -
    heading-cjk-strong-font-style {default-font-style} normal No - -
    heading-sans-serif-heavy-strong-font-weight {black-font-weight} black No - -
    heading-sans-serif-heavy-strong-font-style {default-font-style} normal No - -
    heading-serif-heavy-strong-font-weight {black-font-weight} black No - -
    heading-serif-heavy-strong-font-style {default-font-style} normal No - -
    heading-cjk-heavy-strong-font-weight {black-font-weight} black No - -
    heading-cjk-heavy-strong-font-style {default-font-style} normal No - -
    heading-sans-serif-light-emphasized-font-weight {light-font-weight} light Yes - -
    heading-sans-serif-light-emphasized-font-style {italic-font-style} italic Yes - -
    heading-serif-light-emphasized-font-weight {regular-font-weight} regular Yes - -
    heading-serif-light-emphasized-font-style {italic-font-style} italic Yes - -
    heading-cjk-light-emphasized-font-weight {regular-font-weight} regular Yes - -
    heading-cjk-light-emphasized-font-style {default-font-style} normal Yes - -
    heading-sans-serif-emphasized-font-weight {extra-bold-font-weight} extra-bold No - -
    heading-sans-serif-emphasized-font-style {italic-font-style} italic No - -
    heading-serif-emphasized-font-weight {bold-font-weight} bold No - -
    heading-serif-emphasized-font-style {italic-font-style} italic No - -
    heading-cjk-emphasized-font-weight {black-font-weight} black No - -
    heading-cjk-emphasized-font-style {default-font-style} normal No - -
    heading-sans-serif-heavy-emphasized-font-weight {black-font-weight} black No - -
    heading-sans-serif-heavy-emphasized-font-style {italic-font-style} italic No - -
    heading-serif-heavy-emphasized-font-weight {black-font-weight} black No - -
    heading-serif-heavy-emphasized-font-style {italic-font-style} italic No - -
    heading-cjk-heavy-emphasized-font-weight {black-font-weight} black No - -
    heading-cjk-heavy-emphasized-font-style {default-font-style} normal No - -
    heading-sans-serif-light-strong-emphasized-font-weight {bold-font-weight} bold Yes - -
    heading-sans-serif-light-strong-emphasized-font-style {italic-font-style} italic Yes - -
    heading-serif-light-strong-emphasized-font-weight {bold-font-weight} bold Yes - -
    heading-serif-light-strong-emphasized-font-style {italic-font-style} italic Yes - -
    heading-cjk-light-strong-emphasized-font-weight {extra-bold-font-weight} extra-bold Yes - -
    heading-cjk-light-strong-emphasized-font-style {default-font-style} normal Yes - -
    heading-sans-serif-strong-emphasized-font-weight {black-font-weight} black No - -
    heading-sans-serif-strong-emphasized-font-style {italic-font-style} italic No - -
    heading-serif-strong-emphasized-font-weight {black-font-weight} black No - -
    heading-serif-strong-emphasized-font-style {italic-font-style} italic No - -
    heading-cjk-strong-emphasized-font-weight {black-font-weight} black No - -
    heading-cjk-strong-emphasized-font-style {default-font-style} normal No - -
    heading-sans-serif-heavy-strong-emphasized-font-weight {black-font-weight} black No - -
    heading-sans-serif-heavy-strong-emphasized-font-style {italic-font-style} italic No - -
    heading-serif-heavy-strong-emphasized-font-weight {black-font-weight} black No - -
    heading-serif-heavy-strong-emphasized-font-style {italic-font-style} italic No - -
    heading-cjk-heavy-strong-emphasized-font-weight {black-font-weight} black No - -
    heading-cjk-heavy-strong-emphasized-font-style {default-font-style} normal No - -
    heading-size-xxxl {font-size-1300} desktop: 58px; mobile: 70px No - -
    heading-size-xxl {font-size-1100} desktop: 45px; mobile: 55px No - -
    heading-size-xl {font-size-900} desktop: 36px; mobile: 44px No - -
    heading-size-l {font-size-700} desktop: 28px; mobile: 34px No - -
    heading-size-m {font-size-500} desktop: 22px; mobile: 27px No - -
    heading-size-s {font-size-400} desktop: 20px; mobile: 24px No - -
    heading-size-xs {font-size-300} desktop: 18px; mobile: 22px No - -
    heading-size-xxs {font-size-100} desktop: 14px; mobile: 17px Yes - -
    heading-cjk-size-xxxxl {font-size-1400} desktop: 65px; mobile: 79px No - -
    heading-size-xxxxl {font-size-1500} desktop: 73px; mobile: 88px No - -
    heading-cjk-size-xxxl {font-size-1200} desktop: 51px; mobile: 62px No - -
    heading-cjk-size-xxl {font-size-1000} desktop: 40px; mobile: 49px No - -
    heading-cjk-size-xl {font-size-800} desktop: 32px; mobile: 39px No - -
    heading-cjk-size-l {font-size-600} desktop: 25px; mobile: 31px No - -
    heading-cjk-size-m {font-size-400} desktop: 20px; mobile: 24px No - -
    heading-cjk-size-s {font-size-300} desktop: 18px; mobile: 22px No - -
    heading-cjk-size-xs {font-size-200} desktop: 16px; mobile: 19px No - -
    heading-cjk-size-xxs {font-size-100} desktop: 14px; mobile: 17px Yes - -
    heading-line-height {line-height-100} 1.3 No - -
    heading-cjk-line-height {cjk-line-height-100} 1.5 No - -
    heading-margin-top-multiplier 0.88888889 0.88888889 No - -
    heading-margin-bottom-multiplier 0.25 0.25 No - -
    heading-color {gray-900} light: rgb(19, 19, 19); dark: rgb(242, 242, 242); wireframe: rgb(10, 19, 39) No - -
    body-sans-serif-font-family {sans-serif-font-family} Adobe Clean Spectrum VF No - -
    body-serif-font-family {serif-font-family} Adobe Clean Serif No - -
    body-cjk-font-family {cjk-font-family} Adobe Clean Han No - -
    body-sans-serif-font-weight {regular-font-weight} regular No - -
    body-sans-serif-font-style {default-font-style} normal No - -
    body-serif-font-weight {regular-font-weight} regular No - -
    body-serif-font-style {default-font-style} normal No - -
    body-cjk-font-weight {regular-font-weight} regular No - -
    body-cjk-font-style {default-font-style} normal No - -
    body-sans-serif-strong-font-weight {bold-font-weight} bold No - -
    body-sans-serif-strong-font-style {default-font-style} normal No - -
    body-serif-strong-font-weight {bold-font-weight} bold No - -
    body-serif-strong-font-style {default-font-style} normal No - -
    body-cjk-strong-font-weight {extra-bold-font-weight} extra-bold No - -
    body-cjk-strong-font-style {default-font-style} normal No - -
    body-sans-serif-emphasized-font-weight {regular-font-weight} regular No - -
    body-sans-serif-emphasized-font-style {italic-font-style} italic No - -
    body-serif-emphasized-font-weight {regular-font-weight} regular No - -
    body-serif-emphasized-font-style {italic-font-style} italic No - -
    body-cjk-emphasized-font-weight {extra-bold-font-weight} extra-bold No - -
    body-cjk-emphasized-font-style {default-font-style} normal No - -
    body-sans-serif-strong-emphasized-font-weight {bold-font-weight} bold No - -
    body-sans-serif-strong-emphasized-font-style {italic-font-style} italic No - -
    body-serif-strong-emphasized-font-weight {bold-font-weight} bold No - -
    body-serif-strong-emphasized-font-style {italic-font-style} italic No - -
    body-cjk-strong-emphasized-font-weight {extra-bold-font-weight} extra-bold No - -
    body-cjk-strong-emphasized-font-style {default-font-style} normal No - -
    body-size-xxxl {font-size-600} desktop: 25px; mobile: 31px No - -
    body-size-xxl {font-size-500} desktop: 22px; mobile: 27px No - -
    body-size-xl {font-size-400} desktop: 20px; mobile: 24px No - -
    body-size-xxs {font-size-50} desktop: 11px; mobile: 13px No - -
    body-cjk-size-xxxl {font-size-500} desktop: 22px; mobile: 27px No - -
    body-cjk-size-xxl {font-size-400} desktop: 20px; mobile: 24px No - -
    body-cjk-size-xl {font-size-300} desktop: 18px; mobile: 22px No - -
    body-cjk-size-l {font-size-200} desktop: 16px; mobile: 19px No - -
    body-cjk-size-m {font-size-100} desktop: 14px; mobile: 17px No - -
    body-cjk-size-s {font-size-75} desktop: 12px; mobile: 15px No - -
    body-cjk-size-xs {font-size-50} desktop: 11px; mobile: 13px No - -
    body-cjk-size-xxs {font-size-25} desktop: 10px; mobile: 12px No - -
    body-size-l {font-size-300} desktop: 18px; mobile: 22px No - -
    body-size-m {font-size-200} desktop: 16px; mobile: 19px No - -
    body-size-s {font-size-100} desktop: 14px; mobile: 17px No - -
    body-size-xs {font-size-75} desktop: 12px; mobile: 15px No - -
    body-line-height {line-height-200} 1.5 No - -
    body-cjk-line-height {cjk-line-height-200} 1.7 No - -
    body-margin-multiplier 0.75 0.75 No - -
    body-color {gray-800} light: rgb(41, 41, 41); dark: rgb(219, 219, 219); wireframe: rgb(25, 46, 93) No - -
    detail-sans-serif-font-family {sans-serif-font-family} Adobe Clean Spectrum VF No - -
    detail-serif-font-family {serif-font-family} Adobe Clean Serif No - -
    detail-cjk-font-family {cjk-font-family} Adobe Clean Han No - -
    detail-sans-serif-font-weight {medium-font-weight} medium No - -
    detail-sans-serif-font-style {default-font-style} normal No - -
    detail-serif-font-weight {medium-font-weight} medium No - -
    detail-serif-font-style {default-font-style} normal No - -
    detail-cjk-font-weight {bold-font-weight} bold No - -
    detail-cjk-font-style {default-font-style} normal No - -
    detail-sans-serif-light-font-weight {regular-font-weight} regular Yes - -
    detail-sans-serif-light-font-style {default-font-style} normal Yes - -
    detail-serif-light-font-weight {regular-font-weight} regular Yes - -
    detail-serif-light-font-style {default-font-style} normal Yes - -
    detail-cjk-light-font-weight {light-font-weight} light Yes - -
    detail-cjk-light-font-style {default-font-style} normal Yes - -
    detail-sans-serif-strong-font-weight {bold-font-weight} bold No - -
    detail-sans-serif-strong-font-style {default-font-style} normal No - -
    detail-serif-strong-font-weight {bold-font-weight} bold No - -
    detail-serif-strong-font-style {default-font-style} normal No - -
    detail-cjk-strong-font-weight {extra-bold-font-weight} extra-bold No - -
    detail-cjk-strong-font-style {default-font-style} normal No - -
    detail-sans-serif-light-strong-font-weight {regular-font-weight} regular Yes - -
    detail-sans-serif-light-strong-font-style {default-font-style} normal Yes - -
    detail-serif-light-strong-font-weight {regular-font-weight} regular Yes - -
    detail-serif-light-strong-font-style {default-font-style} normal Yes - -
    detail-cjk-light-strong-font-weight {extra-bold-font-weight} extra-bold Yes - -
    detail-cjk-light-strong-font-style {default-font-style} normal Yes - -
    detail-sans-serif-emphasized-font-weight {regular-font-weight} regular No - -
    detail-sans-serif-emphasized-font-style {italic-font-style} italic No - -
    detail-serif-emphasized-font-weight {medium-font-weight} medium No - -
    detail-serif-emphasized-font-style {italic-font-style} italic No - -
    detail-cjk-emphasized-font-weight {extra-bold-font-weight} extra-bold No - -
    detail-cjk-emphasized-font-style {default-font-style} normal No - -
    detail-sans-serif-light-emphasized-font-weight {regular-font-weight} regular Yes - -
    detail-sans-serif-light-emphasized-font-style {italic-font-style} italic Yes - -
    detail-serif-light-emphasized-font-weight {regular-font-weight} regular Yes - -
    detail-serif-light-emphasized-font-style {italic-font-style} italic Yes - -
    detail-cjk-light-emphasized-font-weight {regular-font-weight} regular Yes - -
    detail-cjk-light-emphasized-font-style {default-font-style} normal Yes - -
    detail-sans-serif-strong-emphasized-font-weight {bold-font-weight} bold No - -
    detail-sans-serif-strong-emphasized-font-style {italic-font-style} italic No - -
    detail-serif-strong-emphasized-font-weight {bold-font-weight} bold No - -
    detail-serif-strong-emphasized-font-style {italic-font-style} italic No - -
    detail-cjk-strong-emphasized-font-weight {extra-bold-font-weight} extra-bold No - -
    detail-cjk-strong-emphasized-font-style {default-font-style} normal No - -
    detail-sans-serif-light-strong-emphasized-font-weight {regular-font-weight} regular Yes - -
    detail-sans-serif-light-strong-emphasized-font-style {italic-font-style} italic Yes - -
    detail-serif-light-strong-emphasized-font-weight {regular-font-weight} regular Yes - -
    detail-serif-light-strong-emphasized-font-style {italic-font-style} italic Yes - -
    detail-cjk-light-strong-emphasized-font-weight {extra-bold-font-weight} extra-bold Yes - -
    detail-cjk-light-strong-emphasized-font-style {default-font-style} normal Yes - -
    detail-size-xl {font-size-300} desktop: 18px; mobile: 22px No - -
    detail-size-l {font-size-200} desktop: 16px; mobile: 19px No - -
    detail-size-m {font-size-100} desktop: 14px; mobile: 17px No - -
    detail-size-s {font-size-75} desktop: 12px; mobile: 15px No - -
    detail-line-height {line-height-100} 1.3 No - -
    detail-cjk-line-height {cjk-line-height-100} 1.5 No - -
    detail-margin-top-multiplier 0.88888889 0.88888889 No - -
    detail-margin-bottom-multiplier 0.25 0.25 No - -
    detail-letter-spacing 0.06em 0.06em Yes - -
    detail-sans-serif-text-transform uppercase uppercase Yes - -
    detail-serif-text-transform uppercase uppercase Yes - -
    detail-color {gray-600} light: rgb(113, 113, 113); dark: rgb(138, 138, 138); wireframe: rgb(72, 110, 194) No - -
    detail-cjk-size-xs {font-size-25} desktop: 10px; mobile: 12px No - -
    detail-cjk-size-s {font-size-50} desktop: 11px; mobile: 13px No - -
    detail-cjk-size-m {font-size-75} desktop: 12px; mobile: 15px No - -
    detail-cjk-size-l {font-size-100} desktop: 14px; mobile: 17px No - -
    detail-cjk-size-xl {font-size-200} desktop: 16px; mobile: 19px No - -
    detail-size-xs {font-size-50} desktop: 11px; mobile: 13px No - -
    code-font-family Source Code Pro Source Code Pro No - -
    code-cjk-font-family {code-font-family} Source Code Pro No - -
    code-font-weight {regular-font-weight} regular No - -
    code-font-style {default-font-style} normal No - -
    code-cjk-font-weight {regular-font-weight} regular No - -
    code-cjk-font-style {default-font-style} normal No - -
    code-strong-font-weight {bold-font-weight} bold No - -
    code-strong-font-style {default-font-style} normal No - -
    code-cjk-strong-font-weight {bold-font-weight} bold No - -
    code-cjk-strong-font-style {default-font-style} normal No - -
    code-emphasized-font-weight {regular-font-weight} regular No - -
    code-emphasized-font-style {italic-font-style} italic No - -
    code-cjk-emphasized-font-weight {bold-font-weight} bold No - -
    code-cjk-emphasized-font-style {default-font-style} normal No - -
    code-strong-emphasized-font-weight {bold-font-weight} bold No - -
    code-strong-emphasized-font-style {italic-font-style} italic No - -
    code-cjk-strong-emphasized-font-weight {bold-font-weight} bold No - -
    code-cjk-strong-emphasized-font-style {default-font-style} normal No - -
    code-size-xl {font-size-400} desktop: 20px; mobile: 24px No - -
    code-size-l {font-size-300} desktop: 18px; mobile: 22px No - -
    code-size-m {font-size-200} desktop: 16px; mobile: 19px No - -
    code-size-s {font-size-100} desktop: 14px; mobile: 17px No - -
    code-size-xs {font-size-75} desktop: 12px; mobile: 15px No - -
    code-line-height {line-height-200} 1.5 No - -
    code-cjk-line-height {cjk-line-height-200} 1.7 No - -
    code-color {gray-800} light: rgb(41, 41, 41); dark: rgb(219, 219, 219); wireframe: rgb(25, 46, 93) No - -
    line-height-font-size-25 - desktop: 12px; mobile: 14px No - -
    line-height-font-size-50 - desktop: 14px; mobile: 16px No - -
    line-height-font-size-75 - desktop: 16px; mobile: 20px No - -
    line-height-font-size-100 - desktop: 18px; mobile: 22px No - -
    line-height-font-size-200 - desktop: 20px; mobile: 24px No - -
    line-height-font-size-300 - desktop: 22px; mobile: 26px No - -
    line-height-font-size-400 - desktop: 24px; mobile: 28px No - -
    line-height-font-size-500 - desktop: 26px; mobile: 32px No - -
    line-height-font-size-600 - desktop: 30px; mobile: 36px No - -
    line-height-font-size-700 - desktop: 32px; mobile: 40px No - -
    line-height-font-size-800 - desktop: 36px; mobile: 44px No - -
    line-height-font-size-900 - desktop: 42px; mobile: 50px No - -
    line-height-font-size-1000 - desktop: 46px; mobile: 56px No - -
    line-height-font-size-1100 - desktop: 52px; mobile: 64px No - -
    line-height-font-size-1200 - desktop: 58px; mobile: 72px No - -
    line-height-font-size-1300 - desktop: 66px; mobile: 80px No - -
    line-height-font-size-1400 - desktop: 74px; mobile: 90px No - -
    line-height-font-size-1500 - desktop: 84px; mobile: 102px No - -
    component-xs-regular [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-50}; fontWeight: {regular-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-50} No - -
    component-xs-medium [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-50}; fontWeight: {medium-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-50} No - -
    component-xs-bold [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-50}; fontWeight: {bold-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-50} No - -
    component-s-regular [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-75}; fontWeight: {regular-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-75} No - -
    component-s-medium [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-75}; fontWeight: {medium-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-75} No - -
    component-s-bold [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-75}; fontWeight: {bold-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-75} No - -
    component-m-regular [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-100}; fontWeight: {regular-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-100} No - -
    component-m-medium [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-100}; fontWeight: {medium-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-100} No - -
    component-m-bold [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-100}; fontWeight: {bold-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-100} No - -
    component-l-regular [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-200}; fontWeight: {regular-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-200} No - -
    component-l-medium [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-200}; fontWeight: {medium-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-200} No - -
    component-l-bold [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-200}; fontWeight: {bold-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-200} No - -
    component-xl-regular [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-300}; fontWeight: {regular-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-300} No - -
    component-xl-medium [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-300}; fontWeight: {medium-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-300} No - -
    component-xl-bold [object Object] fontFamily: {sans-serif-font-family}; fontSize: {font-size-300}; fontWeight: {bold-font-weight}; letterSpacing: {letter-spacing}; lineHeight: {line-height-font-size-300} No - -