DALLAS · CRAFT BRIEF · 2026
SeniorCRE is built by operators, but designed like a publication. This page documents the principles, type voice, motion register, and tokens that govern every surface — so a first-time visitor can read the craft before they read the pitch.
Six commitments. Every design review begins by checking the work against them. If a surface violates one, it doesn’t ship — regardless of how good it looks in isolation.
Every surface should make latency cheaper. If a decision is downstream of an event, the design must put the event in front of the decision-maker — not bury it in a report.
Six entities (Resident, Care Plan, Ledger, Shift, Property/Unit, Entity) are the only shared vocabulary. UI never invents a seventh. When something seems missing, it lives on one of the six.
Marketing pages read as one essay, not a stack of cards. Variable cadence, chapter marks, pull quotes, sidenotes, figures with captions. Density is a feature.
Animation only earns its place when it teaches the system. A pulse propagates because data does; a node settles because a write committed. Decorative motion is removed.
Every animated component honors useReducedMotion. The static composition is designed to work — not to be the failure mode.
No Math.random, no Lorem, no stock care photography. If live data isn’t available we show a real empty state, not a fake one.
Three families. Geist for everything that informs. Instrument Serif for the single moment per page that earns emphasis. Geist Mono for instrumentation — eyebrows, figure numbers, metric labels.
Body & UI
Geist
Variable sans for paragraphs, controls, navigation. Optical-sized for sub-16px legibility.
Editorial accent
Instrument Serif
Italic display serif. One pull-quote per page, occasional inline emphasis. Never as a heading face.
Eyebrows, figure numbers, metrics
Geist Mono
Uppercase, tracked. Marks the difference between prose and instrumentation.
A page is well-set when the reader can feel the editor’s judgment without reading the byline.
All color resolves through semantic tokens defined as HSL in index.css. Components never name raw colors. A page can be re-themed by changing the tokens, not the markup.
| Token | Usage | Swatch |
|---|---|---|
| --background | Page surface, editorial canvas | |
| --foreground | Primary text, hairlines at /10–/15 | |
| --primary | Accents, chapter numerals, pulse strokes | |
| --muted-foreground | Eyebrows, captions, secondary text | |
| --border | Card and figure boundaries |
Each pillar page earns one signature visual moment — a piece that could only exist on that page, that animates the thesis. Not decoration. The argument made visible.
/operating-record
Six-entity constellation
/capital-layer
One write, five capital readers
/clinical-intelligence
Clinical latency radar