Experience
Experience
OS
Windows · iOS · Android
Foundry tokens stay shared. Platform shells adapt radius, density, navigation metaphors, and input — so the product feels native without forking the design system.
Principle
One component API. Multiple chrome adapters. Never ship three separate component libraries — map tokens and layout recipes per OS.
Library
iOS large title
iOS
- Radius
- 12–20px (continuous curves)
- Density
- Touch-first; large hit areas
- Typography
- SF-adjacent; large titles, comfortable leading
- Navigation
- Bottom tab bar; large titles; sheet modals
- Gestures / input
- Swipe-back, pull-to-dismiss sheets
Token notes
- Control height: 44–50px
- Safe area: Respect notch / home indicator insets
- Blur: Translucent bars with backdrop-blur
| Concern | Windows | iOS | Android |
|---|---|---|---|
| Primary nav | Left rail / top bar | Bottom tabs | Bottom nav / rail |
| Modal | Dialog center | Sheet from bottom | Full/dialog + scrim |
| Hover | Required | None | Limited |
| Back | Title bar / Esc | Edge swipe | Predictive back |