Ensemble · Design tools & API
Design systems without the drama.
Build, check, and serve your design tokens with eleven small tools and one honest API — made for working humans and their agents.
✶ 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.
The API
One color in, a working system out.
Send a color
One endpoint. One hex code. That's all it takes.
POST /v2/design-system { "colors": ["#e8833a"] }
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
}
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; }
webMCP
Your agent can drive these tools.
Native webMCP support wires Ensemble straight into the machine context — deterministic calls, no scraping, no guesswork.
The studio
Also on the bench.
ChaosFlow
Keyboard-first Kanban. Offline-first, distraction-free.
Animatum
2D animation for everyone. The Animate alternative.