[Tokens/Theming] Typography tokens about foundational-design-system-proto

[aveline]

@sarahill We should also add font weights

[sarahill]

Did some exploration on font-weight in the FigJam

From looking at different examples and various systems I'm proposing 9 values that should cover most cases:

base token	value
fontweight-thin	100
fontweight-extralight	200
fontweight-light	300
fontweight-regular	400
fontweight-medium	500
fontweight-smeibold	600
fontweight-bold	700
fontweight-extrabold	800
fontweight-black	900

Used in composite tokens it would look like:

heading-1
  fontsize-heading-1
  lineheight-heading-1
  fontweight-bold
  font-sans-fontfamily

heading-2
  fontsize-heading-2
  lineheight-heading-2
  fontweight-bold
  font-sans-fontfamily

heading-3
  fontsize-heading-3
  lineheight-heading-3
  fontweight-bold
  font-sans-fontfamily

heading-4
  fontsize-heading-4
  lineheight-heading-4
  fontweight-bold
  font-sans-fontfamily

heading-5
  fontsize-heading-5
  lineheight-heading-5
  fontweight-smeibold
  font-sans-fontfamily

heading-6
  fontsize-heading-6
  lineheight-heading-6
  fontweight-smeibold
  font-sans-fontfamily

heading-7
  fontsize-heading-7
  lineheight-heading-7
  fontweight-smeibold
  font-sans-fontfamily

body-large
  fontsize-body-large
  lineheight-body-large
  fontweight-regular
  font-sans-fontfamily

body
  fontsize-body
  lineheight-body
  fontweight-regular
  font-sans-fontfamily

body-small
  fontsize-body-small
  lineheight-body-small
  fontweight-regular
  font-sans-fontfamily

caption
  fontsize-caption
  lineheight-caption
  fontweight-regular
  font-sans-fontfamily

[sarahill]

Thoughts on typography composite tokens

FigJam