Design System

The Domaine Brand,
Built for AI

An agent-consumable design system encoding the Domaine brand — tokens, framework-agnostic components, and machine-readable docs. One source of truth for the whole team, on the web or over MCP.

Get started Read the docs

Apply Domaine branding

Load the tokens and your project inherits Domaine's fonts, colors, spacing, and type scale — on-brand from the first line.

View foundations

Use global components

Buttons, cards, forms and more as framework-agnostic HTML/CSS — your agent pulls them over MCP and composes on-brand UI.

Browse components

Fetch brand assets

Download the real font files, copy hex codes, and grab the logos — the whole brand kit, in one place.

Get the assets
Agent-ready

Connect it once. Generate on-brand work without re-explaining the brand.

The design system runs as a live MCP server. Connect it to your agent and it pulls the guardrails, tokens, components, and slide recipes on demand — no copy-paste, always current.

Available as an org connector — nothing to paste. Open Settings → Connectors, find Domaine Design System, and switch it on. New chats can use it automatically.

Learn more

Quick links
TYPEFACEFontsInstall the licensed Suisse Intl desktop fonts.FOUNDATIONSColorsThe greyscale ramp and the one Studio Blue accent.LIBRARYComponentsFramework-agnostic HTML/CSS primitives.AGENTSMCPConnect the design system to your agent.