Tier 1Tier 1 · Web (www / app / auth). The full design system: our component library and the components.css recipe. This is the one tier where the recipe is the contract, native tiers take the tokens and nothing else.--dur-fast · --ease-out · --radius-sm · --shadow-sm
01 Horizontal tabs: segmented Tabs
Inset pills with --segmented-control-bg-active for the selected tab on a --line tray. Default size is 32px; sm is 28px for dense areas.

Use for 2–5 mutually-exclusive views.
02 Vertical tabs: settings detail
For long settings flows. Nav sits on --bg-secondary, the active row raises to --app-bg with a --shadow-sm, and the right pane scrolls independently.

Billing

Settings · Billing

Your plan, payment methods, and invoices. You’re on the 10 TB · monthly plan, billed on the 22nd.

Switching plans takes effect immediately; we prorate the rest of the month.