Prototype
Design system
Tokens, type and components derived from blueprint section 9. Each brand colour is separate from its text colour so the 4.5:1 contrast rule holds.
Brand
Official lockups. Colour on light, white on dark, charcoal with the gold accent in the A. The product name in the interface is KIMA OS.
Colour, light background
public/brand/logo-color.svgWhite, dark background
public/brand/logo-white.svgCharcoal, light background
public/brand/logo-charcoal.svgApp icon
app/icon.svg · public/brand/app-icon.svgColours
Success fill is #15803D and success text is #166534 (7.1:1 on white). Indigo #455DA8 may carry text on white (6.2:1). Amber stays an attention colour: its darkened variant carries text. Ratios are measured against the light surface; dark mode uses its own variants.
Navy
#18243B
Text15.5:1
Navy strong
#111929
Fill
Navy soft
#E8EDF6
surface
Indigo
#455DA8
Text6.2:1
Indigo soft
#E9EEF8
surface
Success
#15803D
Fill
Success text
#166534
Text7.1:1
Success tint
#E8F5EC
surface
Amber
#F5A623
Fill2.0:1
Amber text
#92400E
Text7.0:1
Dark text
#273248
Text12.8:1
Soft gray
#EEF3F7
surface
Status honesty
The interface must visibly distinguish confirmed information, a draft calculation, an estimated risk and work awaiting review. Colour alone is never enough: each state also carries a shape and a label.
- ConfirmedVerified value, backed by a document.
- Awaiting reviewPrepared, waiting on a qualified reviewer.
- DraftBeing entered, not yet reviewed.
- EstimatedIndicative estimate, not binding.
- FiledFiled, with proof of filing on record.
- Filing unconfirmedSubmitted, but no acknowledgment on record.
- Action neededSomething is expected from you.
Typography
IBM Plex Sans · IBM Plex Mono — full diacritics: àâçéèêëîïôùûü
Statistical and tax return
Missing documents
Body text: 16px minimum, comfortable line height.
Secondary text, 14px.
7011781 · 412 · 2026-09 · 1 450 000
Money
The CFA franc has no centimes. Amounts are stored as whole francs and aligned with tabular figures.
| 1,450,000 FCFA | whole francs |
| 486,000 FCFA | whole francs |
| 72,500 FCFA | whole francs |
| Not provided | no value — never zero |
Components
Two densities, one token set: the client portal breathes and reads on a phone, the firm workspace shows the most useful information per screen.
Actions
Primary actionSecondary actionQuiet action44px minimum touch target.
Completeness
Always a count, never a bare percentage.
Client progress
- Documents received (completed)
- In preparation (current step)
- Filed (to do)