The craft, made visible.
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.
On this page
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.
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.
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.
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.
Key points
- 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.
- Variable sans for paragraphs, controls, navigation. Optical-sized for sub-16px legibility.
- Italic display serif. One pull-quote per page, occasional inline emphasis. Never as a heading face.
https://seniorcre.com/design