Temporary page
This is a preview of the brand system, not a working page. Sign in and the admin area are not built yet.
Logo
Switch the theme toggle to see these swapTwo variants. The one drawn for light backgrounds is shown in light mode, the one drawn for dark backgrounds in dark mode. The swap follows the toggle, not only the operating system setting.
The nav rail on the left follows the theme and swaps with it.
Typography
Bricolage Grotesque carries headings
IBM Plex Sans carries body copy. This is the paragraph size and line height used across the hub.
Inter carries digits and data: 1,250.00 and 0123456789 and 2027-03-14
IBM Plex Mono carries code and identifiers
entra_tenant_id = 00000000-0000-0000-0000-000000000000Secondary text sits in Slate on light and #9AA2AD on dark.
Status
Color never carries meaning on its own. Every badge prints a word, so the page still reads in grayscale. Red and green are never paired.
Active Onboarding Suspended Former Not connected
Functional teal
Teal is reserved for functional status. It is not a second brand color.
Single alert red
One red, used for errors and destructive actions only.
Table
Sample rows, not real data| Label | Quantity | Unit | Unit rate | Billing period | Monthly |
|---|---|---|---|---|---|
| Managed workstation | 24 | workstations | 85.00 | Monthly | 2,040.00 |
| Managed server | 3 | servers | 210.00 | Monthly | 630.00 |
| Onboarding project | 1 | project | 4,500.00 | One time | Not recurring |
Form controls
Detail list
- Tier
- Standard
- Term start
- Mar 15, 2026
- Term end
- Mar 14, 2027
- Renewal type
- Auto renew
- Notice days
- 60
- Last day to give notice
- Jan 13, 2027