Design System

One system. Every surface.

A private design system powering every AI-Created product. Shared primitives, a single tokenized contract, and an accessibility baseline that ships with every component.

Color, typography, spacing, motion, and interaction states live in one place. When the contract changes, it changes everywhere at once. The same library renders this site, the portfolio products, and independent apps like Human, Actually.

Explore the live playground

Tokens

Color, typography, spacing, and motion live in one contract. Every surface pulls from the same source.

Primitives

Buttons, fields, dialogs, tooltips, tabs, sliders, toggles. Accessibility and state behavior ship in the component, not the consumer.

Dual theme

Dark and light are both intentional designs. Not one inverted into the other.

Shared contract

Used in production by this site and every other AI-Created app. Changes propagate everywhere at once.

ui.ai-created.com

See it in detail