Foundations
Spacing and shape
Space comes in a short scale. Corners are small. Depth comes from hard offset shadows, like a moulded part.
Space
--space-00--space-12px--space-24px--space-38px--space-412px--space-516px--space-624px--space-732px--space-848px--space-964pxRadius
--radius-00--radius-12px--radius-24px--radius-36px--radius-410px--radius-round999px--radius-controlvar(--radius-3)--radius-windowvar(--radius-1)--radius-screenvar(--radius-2)Elevation
--shadow-control--shadow-control-press--shadow-inset--shadow-screen--shadow-bezel--shadow-window--shadow-floatMotion
| Token | Value |
|---|---|
--ease-detent | cubic-bezier(.3,.7,.2,1) |
--ease-out | cubic-bezier(.2,.8,.2,1) |
--dur-press | 70ms |
--dur-quick | 140ms |
--dur-move | 240ms |