Internal reference · noindex
The Profit Control Room.
The GGB design system — navy ink for structure, warm bone for space, a single brass accent for authority, and teal/profit/loss reserved for live financial data.
Colour tokens
Structure · space · accent · data
Ink — structure
ink-900
#0B1622
Deepest field · text on bone
ink-800
#0E1A2B
Primary dark surface
ink-700
#142F54
Lifted / machined surface
ink-600
#1C3C6D
Hover / hairline on dark
Bone — space
bone-50
#FBF8F2
Page surface · text on dark
bone-100
#F6F1E8
Quiet warm well
bone-200
#ECE6DA
Card / deeper well
paper
#FFFFFF
Crisp instrument face
Brass — the only accent
brass-300
#DCBD82
Bright · keylines, figures on dark
brass-500
#C5A46E
Signature CTA fill
brass-700
#9C7A3E
Large figures on light
brass-deep
#7C5E2D
AA brass TEXT on light (5.7:1)
Data only — teal / profit / loss
teal-400
#2CBEC4
Live / growth metric
teal-600
#1F8E99
Live metric (on light)
profit
#2E7D5B
Positive financial state
loss
#B4452F
Negative financial state
Accent law: brass is the only decorative accent. Teal, profit-green and loss-red appear only on live data and financial states. Every pair meets WCAG AA.
Typography
Four voices
Fraunces (editorial display) · Inter (body) · Montserrat (eyebrows & labels) · JetBrains Mono (every figure).
Actions · conversion hierarchy
One dominant action per view
On bone
On ink
Surfaces
Machined instruments & ledger figures
Flagship · free
Instrument panel
- Monthly revenue
- AED —
- Food cost
- 42%
Live data colours
+18%
profit
−AED 9k
loss
3.4 mo
payback
300+
authority figure (brass, not data)