Platform skins

One tree. iOS capsule, Material stadium, Canvas web.
The same <Button primary>, <Input label>, <Switch>, <ButtonGroup segmented> and <Card> rendered through each skin. The ion token and the neutrals are shared; shape, type and touch minimums are the platform's own.
WebiOSAndroidContinueONE TREE · THREE NATIVE SHAPES
9:41

iOS

capsule · 44pt · flat
Workspace name
Shown in the sidebar and on invoices.
Glass surfaces
radius 999 / 10 / 12 · switch 51×31 · press dims to .7
9:41

Android

Material 3 · 48dp · tonal
Workspace name
Shown in the sidebar and on invoices.
Glass surfaces
radius 999 / 4 / 12 · switch 52×32 · press ripples · 1dp shadow
canvas.nannier.com

Web

Canvas · 10 / 20 · lit glass
Workspace name
Shown in the sidebar and on invoices.
Glass surfaces
  • Noor Park
    Mobile
    Active
radius 10 / 10 / 16 · switch 44×26 · press springs · sm shadow