Skip to content

Work / Trunk / Wiki / Surfaces

billing

Surfacecanonicalverified 2026-10-10

SURFACE.WEB.SETTINGS.BILLING

Summary

Settings: the plan, usage against it, the card and the invoices.

Raw wireframe

  • .context/designs/web/settings/billing.html

Why it is drawn this way

The bar reads logo · company · product. The logo and the company name go to projects. The product name opens the switcher.

Billing is per company. One subscription covers every product, so the plan card names Norrland.

Usage is rows, not meters. Seats are prepaid. Storage and AI actions are billed only beyond the plan limit, so each row carries its overage price.

The figures are placeholders. See plans.

Related

Sources

  • .context/designs/web/settings/billing.html