Overview

YPAI Design System

The reference for tokens, primitives, and patterns powering ypai.ai. v0.2.0 (sprint Week 2 of 8).

Section: Foundations

v0.2.0 (sprint Week 2 of 8)

Foundations

Tokens

Spacing, radius, elevation, z-index. The 4 scales that everything else composes from.

 Primitives

Components

Primitives with live previews, prop tables, and accessibility notes. Input, Select, Tabs, Tooltip, Dialog, Toast, Skeleton.

 Coming soon

Motion

Easing curves, duration tokens, and choreography rules. (Coming Week 4.)

Manifesto

Tokens, not values

Every spacing, radius, shadow, and z-index sits on a named scale. Magic numbers in source are bugs.

Hub-tinted identity

Each content hub keeps its accent hue. The system reserves neutrals; hubs paint the highlights.

Motion that earns its keep

Animation conveys state change or hierarchy. If it does neither, it gets cut.

Recent changes

Full changelog →
  • v0.2.0 — Token scales (spacing/radius/elevation/z-index) + 7 primitives shipped.
  • v0.1.1 — Forms-monitoring + magic-link hardening.
  • v0.1.0 — First sweep: ui/Card + ui/Button canonical primitives.