Home

Design Tokens

Elements to think about

  • Color
  • Elevation + Shadow
  • Font
  • Height
  • Opacity
  • Radius
  • Size
  • Spacing
  • Animation speed

Note that there are always more.

Also worth noting that when generating tokens, you will want to think of the different possible states.

Repository

https://github.com/okeeffed/developer-notes-nextjs/content/design-systems/design-tokens

Sections


Related