Patterns
Patterns
Where Foundations and Components show the parts, Patterns show them working together — real compositions for the situations every app hits. These are guidance, composed from the spec's components; where Zetta is silent (validation UX, empty states), they are labelled as such rather than inventing new tokens.
Form layout
Field, label, helper and error composed into a real form — with validation states.
View →Data table
Table with pagination, plus the loading and empty states every list needs.
View →Destructive actions
A danger button and a confirmation dialog, with the safe-default rules.
View →Empty states
First-run and no-results screens that point to the next action.
View →App shell
Header + sidebar — you are looking at one right now. See the chrome components.
Header · Sidebar →Search & command palette
The ⌘K launcher this site runs on. Press ⌘K / Ctrl K to try it.
Command palette →