Pillar · recipes
Layout & patterns
How screens compose: the structural recipes, not just the atoms.
List states
Every list screen needs three: empty, loading, loaded. Switch between them.
- Coffee · Bloom Café#1040
- Parcel · 14 Oak St#1041
- Groceries · Market Co#1042
Card grid
Even rhythm, hairline borders, generous padding.
Today
24
deliveries
On time
98%
this week
Avg. time
31m
door to door
Navigation
Both nav recipes run on the same mechanism: one pill, a shared layoutId, a snappy spring. Tab bars never blink between states; the pill travels.