Design System

Enterprise Design System Documentation

Pattern Library

Color Picker

Five decisions that come down to a colour — a hearing aid finish, brand tokens, a paint sample, calendar labels and a football kit.

01Device FinishHearing care · Preset swatches · Custom match
Renk seçimi

Saçınıza uyan rengi seçin

Cihaz kulağın arkasında durduğu için saç rengine yakın tonlar neredeyse görünmez kalır. Renk seçimi ücretsizdir.

GrafitKoyu saç için
Kum bejTen tonuna yakın
GümüşGri saç için
KahveKoyu kahve saç
ŞampanyaAçık ton
SiyahGözlükle uyumlu
Kendi renginizi eşleştirinSaç örneğinizi mağazada tarayabiliriz
Kaplama
Mat, anti-alerjik
Değişim
Ücretsiz, 30 gün içinde
Teslim
Stoktan, 2 gün
02Brand TokensSettings table · Hex values · Contrast audit
Settings / Brand

Colour tokens

Changes publish to every surface within a minute. The audit below re-runs automatically whenever a token moves.

TokenValueUsage
brand/primary#2563ebButtons, links, focus rings
brand/ink#0b1220Headings and body text
brand/surface#f7f8faPage and card backgrounds
brand/success#16a34aConfirmations and positive deltas
brand/danger#dc2626Destructive actions only

Contrast audit

ink on surface16.2:1AAA
primary on white5.9:1AA
success on white3.4:1Fail
One token fails AA at small sizes.
03Paint SampleRetail · Colour field · Coordinating shades
No. 214

Grain Store Grey

Estate Emulsion · LRV 34

Coverage
60 m² per 2.5 L
Coats
Two recommended
Drying
2 hours, touch dry

Works well with

Chalk White
Deep Slate
Ochre
Match a colour you already haveWe mix to any hex, no minimum order
Sample pot £5.50
04Calendar LabelsColour as taxonomy · Tinted day view
Thursday 23 July4 events · 2h 30m booked
09:30
Design review
Design
11:00
Cycle planning
Engineering
13:00
Lunch — blocked
Do not book
15:00
Northshore check-in
Customer calls
05Kit DesignerDark configurator · Zone rows · Presets
Rotterdam Noord

2026 / 27 Home

Recycled polyester, 148 gsm. Every zone can be recoloured independently — the mock updates as you go.

Shirt body#0f4c81
Sleeves#e8b427
Collar#ffffff
Shorts#0f4c81
Socks#e8b427
ClassicAwayThird
Made to order · 3 weeks