A bright, inviting operations system. Minimal and editorial — energy comes from chips, avatars, and one Coral moment, never from colored panels.
| Tenet | What it means |
|---|---|
| White leads | Screens are 80% white. Color is an event, not a fill. |
| Blue acts | One blue voice for every action — links, buttons, nav, focus, selection. |
| Coral excites | One coral eye-catcher per screen, never more than twice. |
| One ink, no gray | Every neutral is ink at an opacity; gray is rare and structural only. |
| Fluid first | Layouts reflow continuously; mobile is the same components, never a redraw. |
| Components only | Every screen is assembled from this kit — bespoke one-offs are a bug. |
| Every state designed | Loading, empty, error and overflow all look intentional. |
| Show it before you say it | A graphic before a table, a table before prose. |
Screens are 80% white. Color is an event, not a fill.
Every neutral is ink at an opacity. There is no gray in this system, anywhere.
Two voices only: blue for every action, coral for the one thing worth your eye.
Avatars and tags may be playful; buttons and statuses may not.
Separation by 1px ink-8% lines and air. Shadows exist only for things that float.
Layouts are fluid grids that reflow continuously; nothing has a fixed width. Mobile is the same components reflowed, never a second design.
Every screen is assembled purely from kit components. If a page needs something new, it gets designed here first — bespoke one-offs are a bug.
A component isn't done until loading, empty, error, overflow and absurd-data all look intentional.
Dense 44px rows, mono numbers, tabular alignment, big calm margins — and zero learning curve.
Every dataset earns a graphic first: a sparkline, bar, ring or dot-row before a table. Prose is the last resort.
Nothing moves until you touch it; everything responds in 140ms when you do.
Metrics render large in mono; microcopy talks like a colleague, never like a database.