The frontier lab notebook: the locked v1 visual system for RheumAI. Cool ground, one blue voice, serif for the read and sans for the scan, sharp corners, and a single soft lift. Everything here is drawn straight from RHEUMAI-DESIGN.md.
v1 · locked 2026-08-22Claude for RheumatologyReference build: /explore
01
Wordmark
"RheumAI" in Funnel Display, the exact PoktaCare / PoktaLabs lockup with the name swapped: Rheum in ink, AI in Signal Blue, no space. Text-only in v1.
Rheum = ink (adapts per theme) · AI = Signal Blue, the brand hue. Fills stay #3333DE in both themes; as wordmark / thin text it is #3333DE on light and #5A5AFF on dark, so it stays legible on the near-black ground.
Lockup
One word, two tones, no space. Same treatment as PoktaCare and PoktaLabs.
Usage
Navbar (left) and footer, same size. Funnel Display is used for nothing else.
02
Color
A cool, blue-biased neutral system with one saturated blue voice and a restrained semantic set. Every token is defined for both themes.
Light theme
Ground
#F5F6F9
page background
Raised
#ECEEF3
panels, focus surface
Card
#FFFFFF
framed screens
Ink
#14161C
primary text
Muted
#545B6B
secondary text
Faint
#868D9E
meta, placeholders
Rule
#E1E4EC
hairlines
Signal Blue
#3333DE
brand — fill + ink
Dark theme
Ground
#141621
page background
Raised
#1E2130
panels, focus surface
Card
#1A1D2A
framed screens
Ink
#E9EBF2
primary text
Muted
#A2A9BA
secondary text
Faint
#6E7585
meta, placeholders
Rule
#2C3040
hairlines
Signal Blue — fill
#3333DE
buttons, bars (fixed)
Signal Blue — ink
#5A5AFF
wordmark, links, rings
Semantic (status, not the brand color)
Confirm
#1F7A54 / #57C89A
confirmed, complete
Attention
#9C6A15 / #E0A24A
missing, not blocking
Blocker
#C1362B / #F0796B
rationed: true blockers
03
Typography
Serif reads, sans is scanned, mono is machine-exact, Funnel Display is the wordmark. No clinical value or name is ever serif or italic.
Source Serif 4Titles & prose 500 / -0.02em
Revisar extracción
ManropeData & values 600 / tabular / upright
12.0mg/L
ManropeUI & labels 400–600
Confirmar valor contra la nota fuente. Diagnóstico confirmado.
MonoCodes & IDs tabular
TJC28 · DAS-28 · 521 5500 0017
Funnel DisplayWordmark only 500 / -0.025em
RheumAI
04
Shape & elevation
Zero radius everywhere. Hairline borders divide; one soft shadow lifts the active surface. No grain, no gradients, no rounded cards.
Framed surface
Square corners, a 1px hairline border, and the single soft lift shadow. This is the only elevated surface treatment in the system.
Raised panel
Flat, no shadow. Grouping comes from the tonal step and the hairline, not from elevation.
05
Components
Buttons
Status pills
Completo3 campos faltanBloqueado
Review queue states
✓DiagnósticoconfirmadoPCR (CRP)ahoraTJC28falta
06
Principles
Serif reads, sans is scanned
Serif for titles and prose; sans with tabular figures for every datum, name and value; mono for codes. No finding is ever italic.
Approval, not data entry
The AI's extracted value leads; the clinician confirms or corrects. Screens are review surfaces, not the blank registry we exist to replace.
One blue voice
Signal Blue is the only brand color — one hue in both themes. It fills as #3333DE everywhere; as thin text it is #3333DE on light and #5A5AFF on dark, so it reads on the near-black ground. Green, amber and red are status, never brand.
Rationed red, sharp corners
Red marks only what blocks the send; missing-but-not-blocking is amber. Zero radius everywhere; one soft shadow for lift.