brand/components last revised · 2026-04-27
05

Components — the
kit, at rest.

The shapes we use to build everything. Buttons, fields, cards, badges, alerts, AI drafts, vitals, list rows. Every one of them is 1px ink linework on bone — no shadows, no rounded corners beyond 2px, no gradients except the one focal iodine pulse. Loading & thinking states are a separate category (06) — they are intentional exceptions where the mascot bubble shape overrides the chrome rules.

Buttons · fields · cards · badges · alerts · AI · vitals · chrome
05.1

Buttons primary · secondary · ghost · iodine · coral · mono

B · 01PRIMARY · SECONDARY · GHOST
B · 02ACCENT · IODINE (AGENT) & CORAL (ESCALATE)
B · 03ON DARK CHROME
B · 04SIGNAL STATES · OK · WARN · CRIT
B · 05SIZES · SM · MD · LG
B · 06ICON BUTTONS · SQUARE · BORDERLESS
Edit · Search · Alert · Confirm · Dismiss
05.2

Fields labeled · helped · errored

F · 01TEXT · SELECT · TEXTAREA
RESIDENT NAME begin typing to search · ⌘K opens jump
DIMENSION 12 dimensions · see CareWiki
DRAFT NOTE TO PHYSICIAN Beora drafts; you sign.
F · 02STATES — FOCUS · ERROR · DISABLED
FOCUSED iodine underline = the agent is reading
ERROR ↘ Out of range · third spike this month
DISABLED no signal in window
05.3

Badges & tags role · severity · agent · signal

G · 01ROLE / TAG
draft by beora family classified read
G · 02SEVERITY · D-CODE
in range watch critical · D2 D-2 · BP D-7 · MOOD D-11 · SLEEP
05.4

Alerts info · agent · escalation · critical

i
Beora drafted a metoprolol-timing note Pattern across the last 14 nights suggests her evening dose is landing too late. Awaiting your countersign.
!
Third nocturnal BP spike this month — Rita 168 / 104 at 00:42. Dr. Ramos paged at 00:43, ack 00:45.
·
All twelve dimensions green for Khoury, Farid Sleep 7h 12m. Nothing requires your attention.
×
Connection to bedside cuff lost · Bluebell B-03 Last reading 02:14. Maintenance paged.
05.5

AI draft block iodine tint · italic body · attribution

D · 01BEORA → DR. RAMOS · DRAFT
BEORA · DRAFT00:43

"Dr. Ramos — Rita had her third nocturnal BP spike this month. Pattern suggests her evening metoprolol is landing too late: post-20:00 in 11 of the last 14 nights. Proposing an 18:00 timing shift. Awaiting your sign-off before I update the prescription."

REVIEWED 07:42AWAITING COUNTERSIGN
05.6

Cards data · vitals · chrome

C · 01RESIDENT CARD
B-03OVERNIGHT

Alvarez, Rita — overnight

Third nocturnal BP spike this month — metoprolol timing note drafted, awaiting your countersign.

D-200:42
B-04STABLE

Khoury, Farid

All twelve dimensions green. Sleep 7h 12m. Nothing requires your attention.

green06:42
B-07DRAFT WAITING

Chen, Marcus

Missed sertraline ×2 — gentle check-in drafted to Dr. Park, awaiting your sign-off.

D-718:00
05.7

Vital tiles mono numerals · 2-line · tabular

V · 01FOUR-UP
BP142/88morning
HR72bpm
SPO₂96% min
SLEEP4:18fragmented
05.8

Avatars initials · role-tinted

AV · 01SIZES + ROLES
RA RA B B EM EM
05.9

List rows inbox · brief · superhuman split

L · 01BRIEF · 4 ROWS
RA
Alvarez, Rita B-03 · 00:42
Third nocturnal BP spike this month — metoprolol timing note drafted
review
MC
Chen, Marcus B-07 · 18:00
Missed sertraline ×2 — gentle check-in drafted to Dr. Park
approve
TN
Nguyen, Tuan B-02 · 07:10
Weekly narrative for family — 3 highlights, 1 concern, awaiting sign-off
sign
FK
Khoury, Farid B-04 · 06:42
All dimensions green · sleep 7h 12m · nothing requires your attention
read
05.10

Chrome tabs · status strip · section rule

N · 01TABS
Brief 06 Residents 14 Timeline Dossiers CareWiki
— tab content —
N · 02CLASSIFICATION STRIP
CLASSIFIED · CARE TEAM SERENITY HOUSE — BLUEBELL 06:42 · LIVE 14 RES · 1 CRIT
N · 03SECTION RULE
SITUATION CAPTURED 00:42
AGENT DRAFT BEORA → DR. RAMOS
LAST THREE NOTES FROM RITA
→ 06 LOADING & THINKING — SEE CATEGORY 06

Parrot thinking bubble, plain typing indicator, and skeleton loaders have moved to their own section. These components are intentional exceptions to the 2px corner-radius rule.

Open Loading & Thinking →
← Sub-brands BEORA · BRAND · 05 · COMPONENTS Loading →