Three radii
L-01
control 8pxcard 12pxpill
Borders, not shadows
L-02
A panel: 1px border, no shadow.
Overlay elevation: dialogs, sheets and toasts only.
Spacing scale
L-03
space-1 · 4pxspace-2 · 8pxspace-3 · 12pxspace-4 · 16pxspace-5 · 20pxspace-6 · 24pxspace-8 · 32pxspace-10 · 40pxspace-12 · 48pxspace-16 · 64pxBreakpoints
S-01 T-10
| Width | Shell | Tables |
|---|---|---|
| ≥ 1101px | 240px navy rail | Compact 32px rows, sticky header, frozen first column |
| 761 to 1100px | 72px icon rail, nav as overlay, logo in header | Same table, its wrapper scrolls sideways |
| ≤ 760px | Header with logo, five-tab bar | One card per row, 48px targets |