Sävy

A good-looking, accessible design system without being a designer.

Make a few choices, and the tool makes the rest of the design decisions for you, then shows you how they look in real components.

Create a free accountSign in

  1. 01

    Pick a few things

    Brand color, a style preset, density and a font pair. That's it.

  2. 02

    Get a whole system

    Palette, neutrals, type scale, spacing, radius, shadows and dark mode, generated in OKLCH.

  3. 03

    Stay accessible

    Every text and background pair is contrast-checked against WCAG, with the ratio shown.

  4. 04

    Ship it

    Export CSS variables, a Tailwind config or W3C design tokens, ready to drop into a project.