Design language · Alpha 02
Clear structure.
Quiet character.
- Components
- 23complete
- Product patterns
- 5complete
- MCP tools
- 6verified
Explore
A complete path from tokens to product flows.
Foundations
Tokens, typography, color, layout, motion, and glass behavior.
Components
Accessible controls, feedback, navigation, overlays, and structured data with documented public APIs.
Product Patterns
Reusable flows for states, search, forms, settings, and consequential actions.
MCP for AI
Thirty-six published documents, design tokens, six tools, and one implementation prompt.
Button
Actions, sizes, emphasis, icons, loading, toggles, and disabled states.
Link
Inline and standalone navigation with clear interaction states.
Badge and Chip
Compact status and accessible filter selection.
Field
Accessible labels, guidance, validation, and responsive layout.
Input and Textarea
Text entry, adornments, validation, and character limits.
Select
Designed single-choice selection with a native fallback.
Checkbox and Radio
Independent and exclusive selection with native semantics.
Switch
Immediate binary settings with explicit on and off semantics.
Card
Semantic content surfaces with flexible depth and composition.
Divider
Meaningful content separation with controlled emphasis and spacing.
Avatar
Recognizable identity through images, initials, groups, and presence.
Spinner
Indeterminate progress with accessible status and busy-region patterns.
Skeleton
Layout-preserving placeholders for content that is expected to arrive.
Alert
Persistent feedback with semantic tone, actions, and deliberate announcement behavior.
Disclosure and Accordion
Native progressive disclosure with optional single-open behavior.
Tabs
Related views with automatic or manual keyboard activation.
Dialog
Focused modal tasks with native containment and focus restoration.
Popover and Dropdown Menu
Anchored context and actions with light dismissal and complete keyboard behavior.
Tooltip
Concise supporting labels with pointer, keyboard, and adaptive placement.
Toast
Brief status messages with semantic priority, bounded queues, and deliberate timing.
Header and Navigation
Container-aligned identity and responsive primary navigation.
Breadcrumb and Pagination
Hierarchy and stable result-page movement with responsive states.
Table
Semantic structured data with sorting, selection, density, and contained overflow.
Product States
Empty, loading, error, and success compositions with clear next actions.
Search and Filter
Durable query forms, applied criteria, live result counts, and recovery.
Form Validation
Native constraints, actionable error recovery, protected submission, and announced outcomes.
Settings and Account
Identity, immediate preferences, active sessions, and consequential account actions.
Destructive Confirmation
Risk-proportional confirmation, concrete consequences, verification, and protected submission.