Design system V1
Quiet, precise, data-first.
Enterprise seriousness with no decoration that carries no information. Color is used for meaning above all: the four truth statuses. Light and dark themes follow the system setting.
Color tokens
--ink
--accent
--surface-2
--line-strong
--st-official
--st-derived
--st-inference
--st-unknown
Type
Display 60
Heading 44
Title 22
Lead 18: explanatory copy, 62 characters max per line.
Body 16, for reading.
Mono: identifiers, hashes, versions: ds-20260921 · sha256 9f2c…
Truth status badges
official_factderived_fact
inferenceunknown
Availability
livebeta
plannednot available
Buttons
PrimaryAccent
SecondaryGhost
Data
7,597
Example KPI
12
Example KPI
| Requirement | Status | Basis |
|---|---|---|
| Example requirement A | derived_fact | Art. 3(2) |
| Example requirement B | unknown | no official source |
Callouts & workflow
Neutral information.
Partial coverage or beta status.
Blocking error.
- Stepoperation
- Stepoperation
- Stepoperation
Principles
Every value has a source
The UI shows nothing that the API or MCP cannot return. Prices, counts and statuses are fetched, never typed into HTML.
Status before style
Color encodes the truth status first. Decoration is minimal: a grid, hairlines, and monospace for identifiers.
Room for networks
Navigation and tiles are organised by network, so Manufacturing, Components, Logistics and Materials slot in without a redesign.