Stop Building for Browsers.
Start Building for Agents.

HearthByte is the architecture for the next generation of developers. Ensemble for precision. webMCP for integration. The soul and symmetry your AI-driven projects demand.

Explore Ensemble Read the Docs

Ensemble Tools

A symphonic suite of design utilities. Overture, Harmony, and Duet. Engineered as a unified schema to work in concert, not in silos. Eliminate context-switching and wire your design logic directly into your agent's toolset.

Harmony

OKLCH color palettes with shade scales

Duet

Curated font pairings & type scales

Pitch

WCAG 2.1 & APCA contrast validation

Tempo

Font-aware spacing systems

Chord

Palette-aware shadow hierarchies

Cadence

Responsive grid configurations

Riff

Motion presets & animation curves

Bridge

Intelligent dark mode generation

Motif

Component pattern tokens

Score

Icon library recommendations

Compose

CSS, SCSS, Tailwind, JSON export

See the full pipeline →

How It Works

Send a color

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

POST /v2/design-system

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

Get everything

Our tools generate a complete design system with perfect harmony.

{
  "palette": {
    "primary": {
      "50": "#f5f2ff",
      "100": "#ede5ff",
      "200": "#d9cbff",
      "300": "#c4b0ff",
      "400": "#a78bfa",
      "500": "#9061f9",
      "600": "#7c3aed",
      "700": "#6d28d9",
      "800": "#5b21b6",
      "900": "#4c1d95"
    }
  },
  "typography": {
    "families": {
      "display": "Sora",
      "body": "Instrument Sans"
    },
    "scales": {
      "base": "1rem",
      "ratio": "1.25"
    }
  }
  // ...and much more
}

Ship it

Export to your format of choice and integrate seamlessly.

:root {
  /* Colors */
  --color-primary-50: #f5f2ff;
  --color-primary-100: #ede5ff;
  --color-primary-200: #d9cbff;
  --color-primary-300: #c4b0ff;
  --color-primary-400: #a78bfa;
  --color-primary-500: #9061f9;
  
  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  
  /* ...and hundreds more variables */
}

webMCP Integration

Don't just code; connect. Native webMCP support that wires your tools directly into the machine context. Zero "token tax." Zero manual overhead. Just pure, deterministic integration for the next generation of agents.

Learn About webMCP webMCP Docs

Also Building

ChaosFlow

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

Available - $9.99

Animatum

2D animation for everyone. The Animate alternative.

Coming Soon

Stop Building for Browsers.Start Building for Agents.