Design
Colors
The colour scheme and every colour token, in both themes, with the contrast of every text pair.
The blue is the design concept’s — Apiko’s concept of 7 October 2026 — with the zinc neutrals it was drawn on: white content, an off-white sidebar, the item on show in a grey fill, white cards on hairline borders. The pilot held exactly these values under ADR-0042 before the designer’s green palette replaced them (ADR-0044); the showcase returns to the blue. The status and function colours are the pilot’s, unchanged. The dark theme and the info tone are proposed here: neither the concept nor the pilot has them.
The product’s code is green today. Building it in this blue means a change in the pilot — the token values only, the names stay (a new ADR amending ADR-0044). Until then, this site and the pilot differ in their brand colour.
Palette
Surfaces, text, borders, brand, feedback; light and dark.
Surfaces
Text
Borders and focus
Brand
Feedback
Compared with the product
Each showcase token and the pilot token it mirrors. In the light theme the value is the design concept’s, as the pilot held it under ADR-0042 (the pilot runs the green of ADR-0044 today); in the dark theme it is the proposed dark value, which the pilot does not have, nor the info tone.
| Showcase token | Pilot token | Value in the theme on show |
|---|
--color-page | gray-50 | |
--color-surface-muted | gray-100 | |
--color-foreground | gray-900 | |
--color-muted | gray-600 | |
--color-subtle | gray-500 | |
--color-default | gray-200 | |
--color-emphasis | gray-300 | |
--color-ring | focus | |
--color-primary | primary-600 | |
--color-primary-hover | primary-700 | |
--color-primary-soft | primary-100 | |
--color-primary-strong | primary-900 | |
--color-primary-accent | primary-300 | |
--color-success-text | good-text | |
--color-success-soft | good-tint | |
--color-success | good-mark | |
--color-warning-text | warn-text | |
--color-warning-soft | warn-tint | |
--color-warning | warn-mark | |
--color-danger-text | crit-text | |
--color-danger-soft | crit-tint | |
--color-danger | crit-mark | |
--color-fn-backoffice | fn-backoffice | |
--color-fn-land | fn-land | |
--color-fn-partnerships | fn-partnerships | |
--color-fn-construction | fn-construction | |
--color-fn-legal | fn-legal | |
--color-info · -soft | proposed | |
Function owners
Who owns a stage, an action or a field. On every record, action and avatar; the pilot’s five, unchanged.
Back Office Land Partnerships Construction Legal · Partners / MD
Deal Health
The 0–100 score in its band, always with its number and the rule behind it.
72 · 70 and above 55 · 40–69 34 · below 40
Grades
Offers, bids and land deals: Exceptional, Good, Acceptable, Land Heavy, and the grades that fail.
Exceptional Good Acceptable Land Heavy Weak · Unviable · Overpriced
Stages
A Site’s stage on its chip and its stage bar: every live stage in the brand tint, Completed and Dead apart.
Fee Discussion Legals Completed Dead
Charts
One ramp of the brand for every chart; feedback tones only for a target missed or met, and always a label beside the colour.
Computed in your browser from the tokens of the theme on show; switch the theme to check the other. Every pair passes 4.5 : 1.