Adres
Playground/ docs

Intro

The Adres design system, live and brand-switchable — component library, foundations, and AI experience guidelines.

Everything for building with the Adres design system, rendered live and switchable across every brand.

  • Foundations — colour, type, elevation, radius, and grid tokens.
  • Components — the full component set from @adres/design-system, one page per component.
  • Patterns — composed, product-shaped patterns built from the base components.
  • AI — guidelines, chat UI, and components for building AI experiences.