Ensemble · Design tools & API

Design systems without the drama.

Bring the pieces you already have: a brand color, a font, a logo someone made. Ensemble builds the rest, keeps every value in step, and hands it to your code and your agents as tokens.

Open the tools Pro is $4.99/mo

✶ Built in the open by a very small studio and its foxes. The free tools never need an account.

The suite

Eleven small tools, one schema.

Each tool does one job and writes one namespace. They read each other's work — they never overwrite it.

Harmony

Working color ramps from one seed hue.

Duet

Font pairings and type scales.

Pitch

WCAG contrast checks that explain themselves.

Tempo

Spacing systems tuned to your type.

Chord

Shadow hierarchies aware of your palette.

Cadence

Responsive grid configurations.

Riff

Motion presets and animation curves.

Bridge

Dark mode generated intelligently.

Motif

Component patterns from your tokens.

Score

Icon library recommendations.

Compose

Your system as CSS, SCSS, Tailwind, or JSON.

See the full pipeline →

The API

Start from what you have. Get a system back.

Step 1

Send your brand color

One endpoint. The color you already have.

POST /v2/design-system

{
  "colors": ["#e8833a"]
}

Step 2

Get a system

Color ramps, type, spacing, shadows, motion — one coherent object.

{
  "palette": {
    "primary": {
      "50": "#fdf3e9",
      "100": "#fbe3cd",
      "500": "#e8833a",
      "600": "#d96c2c",
      "900": "#663012"
    }
  },
  "typography": {
    "heading": "Young Serif",
    "body": "Archivo"
  }
  // ...spacing, shadows, motion
}

Step 3

Ship it

Export as CSS, SCSS, Tailwind, or JSON and serve it anywhere.

:root {
  /* Colors */
  --color-primary-500: #e8833a;
  --color-neutral-950: #191512;

  /* Spacing */
  --space-md: 24px;

  /* Type */
  --text-display: 52px;
}

Dogfooded: the tokens styling this page were generated by this API — request bf8f001e. Read the file it wrote.

webMCP

Your agent can drive these tools.

Native webMCP support wires Ensemble straight into the machine context — deterministic calls, no scraping, no guesswork.

Learn about webMCP webMCP docs