Your brand on every component
Pick one color. The page builds an eleven-step scale around it, chooses the steps for buttons and text by contrast, and paints every component below, and the whole site while you are here. Copy the CSS when it looks right.
- Aa50#f5f4ff
- Aa100#e9e6ff
- Aa200#d7d1ff
- Aa300#bfb2ff
- Aa400#a287ffDark text 6.3:1
- Aa500#8961f4
- Aa600#7347d9Your colorButton 5.8:1
- Aa700#5f35b8Text on tint 7.2:1
- Aa800#492493
- Aa900#361a71
- Aa950#210d4a
Revenue
Last six months
48,230.00
| When | Revenue |
|---|---|
| April 2026 | 31,200.00 |
| May 2026 | 35,800.00 |
| June 2026 | 33,900.00 |
| July 2026 | 41,500.00 |
| August 2026 | 44,100.00 |
| September 2026 | 48,230.00 |
Choose the first day
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
Contoso
Client since March 2024
Outstanding
2 invoices
Status
Contact
Anna Keller
Workspace
Commands with icons and counts, in quiet ink.
Notices
The other tones beside the brand, each still itself.
- Done:
Payment received
INV-1043 from Contoso, 2,150.00 EUR
- Warning:
Card expires in 5 days
Update it to keep the plan.
- Error:
Payout failed
The bank refused it. Check the account.
- Note:
Exports are faster
A year of invoices now takes seconds.
Delete 3 invoices?
They leave the list and the reports.
Anna Keller marked as paid INV-1043
Mark Ode moved the due date of INV-1042
Invoices paid
By month
| When | Paid |
|---|---|
| April 2026 | 118 |
| May 2026 | 142 |
| June 2026 | 131 |
| July 2026 | 176 |
| August 2026 | 158 |
| September 2026 | 181 |
Sign in
A solid button and a focused field.
New client
A select, a segmented choice and the main action.
Send reminders
Two days before the due date
Import
162 of 248 rows
Statuses
Delete workspace
Every invoice and client goes.
States
Where a brand breaks first: hover, focus and error.
Invoices
Empty and failed states, the next step in the brand color.
No invoices yet
Create the first one, or import a CSV.
1 selected
| Selection | Status | ||||
|---|---|---|---|---|---|
| Tailspin Toys | Sep 24, 202609:15 | 730.25EUR | Due | ||
| Fabrikam | Sep 23, 202616:30 | 90.00EUR | Paid | ||
| Contoso | Sep 22, 202611:15 | 2,150.00EUR | Overdue | ||
| Blue Yonder Airlines | Sep 22, 202610:15 | 460.50EUR | Due | ||
| Northwind Traders | Sep 21, 202609:15 | 1,280.00EUR | Paid |