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

    Body

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    body-cjk-emphasized-font-style alias {default-font-style} normal No - -
    body-cjk-emphasized-font-weight alias {extra-bold-font-weight} extra-bold No - -
    body-cjk-font-family alias {cjk-font-family} Adobe Clean Han No - -
    body-cjk-font-style alias {default-font-style} normal No - -
    body-cjk-font-weight alias {regular-font-weight} regular No - -
    body-cjk-line-height alias {cjk-line-height-200} 1.7 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-xl alias {font-size-300} desktop: 18px
    mobile: 22px    		 No - -
    body-cjk-size-xs alias {font-size-50} desktop: 11px
    mobile: 13px    		 No - -
    body-cjk-size-xxl alias {font-size-400} desktop: 20px
    mobile: 24px    		 No - -
    body-cjk-size-xxs alias {font-size-25} desktop: 10px
    mobile: 12px    		 No - -
    body-cjk-size-xxxl alias {font-size-500} desktop: 22px
    mobile: 27px    		 No - -
    body-cjk-strong-emphasized-font-style alias {default-font-style} normal No - -
    body-cjk-strong-emphasized-font-weight alias {extra-bold-font-weight} extra-bold No - -
    body-cjk-strong-font-style alias {default-font-style} normal No - -
    body-cjk-strong-font-weight alias {extra-bold-font-weight} extra-bold No - -
    body-color alias {gray-800} light: rgb(41, 41, 41)
    dark: rgb(219, 219, 219)
    wireframe: rgb(25, 46, 93)     		No - -
    body-line-height alias {line-height-200} 1.5 No - -
    body-margin-multiplier multiplier 0.75 0.75 No - -
    body-sans-serif-emphasized-font-style alias {italic-font-style} italic No - -
    body-sans-serif-emphasized-font-weight alias {regular-font-weight} regular No - -
    body-sans-serif-font-family alias {sans-serif-font-family} Adobe Clean Spectrum VF No - -
    body-sans-serif-font-style alias {default-font-style} normal No - -
    body-sans-serif-font-weight alias {regular-font-weight} regular No - -
    body-sans-serif-strong-emphasized-font-style alias {italic-font-style} italic No - -
    body-sans-serif-strong-emphasized-font-weight alias {bold-font-weight} bold No - -
    body-sans-serif-strong-font-style alias {default-font-style} normal No - -
    body-sans-serif-strong-font-weight alias {bold-font-weight} bold No - -
    body-serif-emphasized-font-style alias {italic-font-style} italic No - -
    body-serif-emphasized-font-weight alias {regular-font-weight} regular No - -
    body-serif-font-family alias {serif-font-family} Adobe Clean Serif No - -
    body-serif-font-style alias {default-font-style} normal No - -
    body-serif-font-weight alias {regular-font-weight} regular No - -
    body-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-font-style alias {default-font-style} normal No - -
    body-serif-strong-font-weight alias {bold-font-weight} bold 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-xl alias {font-size-400} desktop: 20px
    mobile: 24px    		 No - -
    body-size-xs alias {font-size-75} desktop: 12px
    mobile: 15px    		 No - -
    body-size-xxl alias {font-size-500} desktop: 22px
    mobile: 27px    		 No - -
    body-size-xxs alias {font-size-50} desktop: 11px
    mobile: 13px    		 No - -
    body-size-xxxl alias {font-size-600} desktop: 25px
    mobile: 31px    		 No - -