Cheriyan DS · Field notes
A system for showing the work clearly.
Built to stay consistent
The live components, product slices, admin tools, access screens, and transactional surfaces share the same visual language.
Explore the LabPrimitive colors
Use semantic tone tokens in components. Primitive names document the palette; deprecated aliases remain for one compatibility release.
Ink 950
--ink-950 · #111413
Primary dark ground
was: onyx
Ink 990
--ink-990 · #0A0C0B
Deep media wells
was: deep-black
Ink 800
--ink-800 · #2D3733
Raised dark controls
was: raised
Ink 600
--ink-600 · #4F5B57
Secondary text on paper
was: taupe
Paper 0
--paper-0 · #FAFAFA
Primary paper and reverse text
was: off-white
Paper 1
--paper-1 · #F5F5F5
Secondary paper
was: smoke
Paper 2
--paper-2 · #EBEBEB
Rules and slice paper
was: platinum
Leaf
--leaf · #57C3AC
Action and data on dark
was: monstera
Leaf deep
--leaf-deep · #1D7261
Action and data on light
was: monstera-deep
Leaf mist
--leaf-mist · #DCF1EB
Quiet green surface
was: monstera-mist
Sage
--sage · #7FA69B
Annotations
was: haze
Mist
--mist · #BCD3CB
Secondary text on dark
was: dusk
Chapter grounds
Each story owns one deep ground. Paper and mist text meet WCAG AA; Leaf is reserved for large figures.
Patient billing
--chapter-patient-billing
#123A33
Conversational booking
--chapter-conversational-booking
#1B2433
Weight management
--chapter-weight-management
#33241D
Data privacy
--chapter-data-privacy
#25292E
Clarium CV
--chapter-clarium-cv
#1F2B24
Three faces, two weights
Host Grotesk speaks at 400 and 500. Newsreader Italic carries human voice. Geist Mono measures data and system detail.
Host Grotesk · 500
Care people can trust
Newsreader · Italic
“Make the complex feel considered.”
Geist Mono · 400
107,448 → 88,991 → 56,482
Components in use
Controls keep the site’s all-caps button language, with complete hover, focus, active, disabled, and loading states.
Actions
Small actions and tags
10%
YoY ARR growth
4min
Time to book
$4.5M
Revenue collected
“Evidence earns attention when the interface gets out of its way.”
Cheriyan DS
System principle · Field notes
Voice is reserved for quotes and reflection
Credits and the AI ledger
The typefaces, references, accessibility and compatibility notes now live on their own page, with a ledger of what AI has and hasn’t touched.
Read the credits