Skip to content

Complete · Design system

Pastel to monochrome design system

From translucent pastel glass to strict black-and-white: hairline borders, strong type, and token-swapped dark mode.

Open demo →

Lessons learned

  • Restraint needs a strong grid behind it or it looks empty.
  • Design tokens make theme switching a value swap instead of a rewrite.
  • Hairline borders keep monochrome surfaces readable in both themes.
Ask AI