HearthByte

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.

The API

One color in, a working system out.

Step 1

Send a color

One endpoint. One hex code. That's all it takes.

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.

The studio

Also on the bench.

ChaosFlow

Keyboard-first Kanban. Offline-first, distraction-free.

Free

Animatum

2D animation for everyone. The Animate alternative.

Coming soon