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

    Typography

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