EVA Design System
Components
Every piece used across EVA, shown once, in every state. Built on eva-tokens.css + eva.css. Copy the markup as-is.
Data architecture
The shared databases that serve every location in EVA. One store, one API — each dataset is written once and surfaces everywhere it's needed. This map grows as the operating system does.
Left: the canonical datasets. Centre: EVA's single Cloudflare-backed store and API. Right: where each dataset is used. Add a database once and it can feed any surface — the same Guests and Invoices records power the Guest Hub, the Dashboard, the Invoice Centre and Reporting.
Colour roles
Components reference roles, never hex. Brand accents appear only as the sidebar's 3px active marker and in brand headers.
--shell · #16161A
--canvas · #FDFBF6
--surface · #FFFFFF
--ink · #1D1D1F
--ink-muted
Travel accent
Elkemist accent
Events accent
Type scale
System stack (SF Pro on Apple hardware). Two weights only: 400 and 600. No italics.
Shell — top bar
52px. Logo (goes home) · venture switcher · search · notifications · avatar.
Shell — sidebar menu items
Default · hover · active (3px brand marker) · with count. Menu contents change per venture.
Breadcrumb
Buttons
One primary action per view. No shadows on buttons, ever.
Form fields
Search · segmented · tabs · toggle · checkbox
Status badges
One ramp, used identically everywhere. Quiet variant for dense tables.
Metric cards
Big number, small label. Icon and delta are optional.
Table
Toolbar with segmented filter + search · uppercase column heads · quiet status · people cells.
| Proposal | Guest | Status | Value | Owner | Updated |
|---|---|---|---|---|---|
| Amalfi Coast · June 2027 | JH James Harrington Party of 8 |
Sent | €184,000 | EW |
2h ago |
| Kyoto Private · Nov 2026 | AL Amara Lindqvist Party of 2 |
Draft | €96,500 | CB |
Yesterday |
| Patagonia with Chef Ríos | MO Marcus Oduya Party of 4 |
Won | €212,300 | EW |
3d ago |
Pipeline stepper
Enquiry → Draft → Sent → Won / Lost. Done steps get a check, the current step is solid ink.
Product card
Hosted Experiences grid. Photo (3:2), status over the image, name, chef, dates.
Tuscany with Massimo Bottura
Oaxaca Harvest Week
Empty state
No proposals yet
When you create a proposal for a guest, it will appear here with its stage and value.
Loading — skeleton
Toast
EVA Design System · Satopia Group · July 2026 · Home · Hosted Experiences · Proposal