| black-font-weight |
font-weight |
black |
black |
No |
- |
- |
| bold-font-weight |
font-weight |
bold |
bold |
No |
- |
- |
| cjk-font-family |
font-family |
Adobe Clean Han |
Adobe Clean Han |
No |
- |
- |
| cjk-letter-spacing |
alias |
{letter-spacing} |
0em |
No |
- |
- |
| cjk-line-height-100 |
multiplier |
1.5 |
1.5 |
No |
- |
- |
| cjk-line-height-200 |
multiplier |
1.7 |
1.7 |
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-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-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-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-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-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-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-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-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-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 |
- |
- |
| 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-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-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-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-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 |
- |
- |
| default-font-family |
alias |
{sans-serif-font-family} |
Adobe Clean Spectrum VF |
No |
- |
- |
| default-font-style |
font-style |
normal |
normal |
No |
- |
- |
| extra-bold-font-weight |
font-weight |
extra-bold |
extra-bold |
No |
- |
- |
| font-size-100 |
scale-set |
- |
desktop: 14px
mobile: 17px |
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 |
- |
- |
| font-size-200 |
scale-set |
- |
desktop: 16px
mobile: 19px |
No |
- |
- |
| font-size-25 |
scale-set |
- |
desktop: 10px
mobile: 12px |
No |
- |
- |
| font-size-300 |
scale-set |
- |
desktop: 18px
mobile: 22px |
No |
- |
- |
| font-size-400 |
scale-set |
- |
desktop: 20px
mobile: 24px |
No |
- |
- |
| font-size-50 |
scale-set |
- |
desktop: 11px
mobile: 13px |
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-75 |
scale-set |
- |
desktop: 12px
mobile: 15px |
No |
- |
- |
| font-size-800 |
scale-set |
- |
desktop: 32px
mobile: 39px |
No |
- |
- |
| font-size-900 |
scale-set |
- |
desktop: 36px
mobile: 44px |
No |
- |
- |
| italic-font-style |
font-style |
italic |
italic |
No |
- |
- |
| letter-spacing |
dimension |
0em |
0em |
No |
- |
- |
| light-font-weight |
font-weight |
light |
light |
No |
- |
- |
| line-height-100 |
multiplier |
1.3 |
1.3 |
No |
- |
- |
| line-height-200 |
multiplier |
1.5 |
1.5 |
No |
- |
- |
| line-height-font-size-100 |
scale-set |
- |
desktop: 18px
mobile: 22px |
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 |
- |
- |
| line-height-font-size-200 |
scale-set |
- |
desktop: 20px
mobile: 24px |
No |
- |
- |
| line-height-font-size-25 |
scale-set |
- |
desktop: 12px
mobile: 14px |
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-50 |
scale-set |
- |
desktop: 14px
mobile: 16px |
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-75 |
scale-set |
- |
desktop: 16px
mobile: 20px |
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 |
- |
- |
| medium-font-weight |
font-weight |
medium |
medium |
No |
- |
- |
| regular-font-weight |
font-weight |
regular |
regular |
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 |
- |
- |
| text-align-center |
alignment |
center |
center |
No |
- |
- |
| text-align-end |
alignment |
end |
end |
No |
- |
- |
| text-align-start |
alignment |
start |
start |
No |
- |
- |