← DocumentationStudio areas
- Foundations · tokens, colors, type, spacing, radius, shadow, motion, theme
- Components · Button, Form, Card, Alert, Dialog, Navigation, Display, Feedback, Overlay
- Patterns · Search, Authentication, Data State, Workflow, AI Interaction
- Templates · Landing, Dashboard, Admin, Mobile, AI Workspace
- Quality · Accessibility, Checklists, Release Gate
Recommended order
- Confirm the project purpose
- Review Foundations
- Choose a Template when the page structure is known
- Choose a Pattern for a repeated user flow
- Compose existing Components
- Apply tokens
- Review responsive behavior
- Review accessibility and Quality Gate