themes

Drop-in design systems, ready to sail

A theme is a complete design system, built by the up design skill: palette, type, spacing and motion, decided and documented. Drop one into your project and your coding agent builds every page against it.

Themes vs the Fleet. A theme is a finished system you install and build on, not just a set of colours. Looking for raw brand palettes to match or take inspiration from? Browse the fleet →

how a theme sails

Three steps to ship

  1. Copy the load. Grab a theme's manifest, or the whole design system, straight from its card.
  2. Drop it in. Add the theme to your project's design-system/ folder.
  3. Build against it. Your coding agent reads the same system every page, every session. See Agents.