Surfaces — Three Lift Tiers

Tier 0 is the page, flat, with the two-radial wash. Tier 1 is toolbars and rails — medium shadow + 3.5% inset highlight. Tier 2 is panels and cards — strong shadow, 5% inset highlight, 22px radius, strong border.

Radii — Three Tokens

14 / 18 / 22px, and nothing else. Badges are sharp at 4px, tables 8px on the wrapper. Pill (999px) is reserved for switches, status dots, and scrollbar thumbs.

Color

Cyan is primary, rose is secondary, Axon orange is the AI/automation tone. Status is muted — success, warn, error, info each resolve as foreground / 12% surface / 34% border. Never raw hex; reach for tokens or color-mix().

Type

Manrope for display, Inter for UI, JetBrains Mono for code and IDs. Body 14, ui 13, label 12, caption 11. Weights are non-standard — body 480, ui 560, label 650, heading 760.

Motion

150ms ease-out is the default. No bounces, no scale-up enthusiasm. Skeletons and thinking indicators use a slow 700ms rotation. Reduced motion collapses durations to 1ms.