AIAI Design System Open the AI Design System →
Brand identity

Themes

A theme is a complete set of design tokens with a point of view. AIDesignSys ships six curated, accessibility-checked enterprise themes — and lets you bring your own — so one component library can speak in many brand voices.

The six curated themes

Atlas

Trustworthy, global. Deep navy and confident blues — for enterprise SaaS and fintech.

Foundry

Dependable, solid. Midnight blue, slate, and a muted green — healthcare, insurance, internal tools.

Horizon

Modern, optimistic. Warm coral over sun-warmed neutrals — productivity tools that feel human.

Vertex

Technical, AI-native. Indigo and electric blue — developer platforms and AI products.

Canvas

Minimal, editorial. Graphite on off-white — content and knowledge platforms.

Monarch

Premium, sophisticated. Plum and gold on cream — executive and high-end products.

One library, many brands

Because every component references tokens instead of fixed values, switching themes swaps the entire brand without touching a single component. The same button, table, and modal become Atlas one moment and Monarch the next. That's how a single component library serves a multi-brand company, an agency's many clients, or a product mid-rebrand.

Each curated theme is contrast-checked against WCAG AA, so switching brands never quietly breaks accessibility.

Bring your own

Themes are just markdown token files. Download any theme, change the values, and upload it back — the whole library re-themes live so you can validate before you commit. Signed-in users can save up to ten private themes, synced across devices, and export any of them as an AI Package.

Frequently asked questions

What themes does AIDesignSys include?
Six curated enterprise themes: Atlas (trustworthy navy), Foundry (dependable slate and green), Horizon (warm coral), Vertex (technical indigo), Canvas (minimal graphite), and Monarch (premium plum and gold) — plus your own uploads.
How do theme-driven design systems support multiple brands?
Components reference tokens rather than hardcoded values, so swapping the token set swaps the brand. One library renders as many identities as you have themes, with no component changes.
Can I create my own theme?
Yes. Download any theme's markdown, edit the values, and upload it back — the whole library re-themes live. Signed-in users can save up to ten private themes synced to their account.
Are the themes accessible?
Every curated theme is checked for WCAG AA contrast across text, buttons, links, and semantic colors, so changing brand never silently degrades accessibility.

Try every theme live

Switch between all six across a full component library — then make one your own.

Open the theme switcher →