aiaiai

The design system for aiaiai studio. Switch themes in the sidebar — every element on this page adapts without code changes.

LIVE SPECIMEN

PROJECTS 12 +3 this month

TOKENS 186 across 3 tiers

THEMES 3 default + 2 examples

COVERAGE 72%

CONTROLS

PROJECT NAME

STATUS

Active Review Draft

PUBLISH

Live

RECENT ACTIVITY

Color tokens updated tokens/base.css

2m ago

Button component added components/button

15m ago

Branded theme created themes/verdant-finance

1h ago

Typography scale refined tokens/semantic.css

3h ago

Feedback states completed components/feedback

1d ago

SURFACE Primary background

SURFACE-SECONDARY Sidebar, cards

SURFACE-TERTIARY Hover, active

ACCENT Primary action

TYPE SCALE

Display Heading Large Heading Heading Small Body — Instrument Sans for prose, the quiet backdrop. Body Small — Secondary information, help text. LABEL — BERKELEY MONO, THE EXPOSED MECHANISM Data — 186 tokens, 3 tiers, 2 themes Caption — Fine print, timestamps, footnotes.

GETTING STARTED Install, import, verify. COLOR Warm neutrals, decisive accent. TYPOGRAPHY Sans for prose, mono for data. THEMING Branded or bespoke, your call.