Local preview · Household Ledger — Theme · the Registry V2 design system, verbatim · one design for every page
Brown Family Legacy · Household Ledger
Design System — the Registry V2 theme
The exact tokens and components behind registry-v2, in one reference — warm paper, ledger green, a gold spark. This is the app design going forward: top wrapping tabs (no slide bar), plain-language recipe capture, confidence-by-dimension, auto-suggested systems, and a command-center overview. Every page uses these same classes.
Color
Warm off-white paper, a warm near-black ink, one ledger-green accent, a gold spark, and a cool blue for cross-links. Semantic good / warn / bad. These are the CSS variables the whole app binds to.
Surfaces & ink
Brand & accent
Semantic
Typography
One system-UI font, tight 800 headings, small uppercase labels, tabular numbers for money.
Display · 800
clamp(24–34px) · page titles
Section heading · 800
16–20px
Card / record title · 700
13.5–15.5px
Body copy · 400 — the household's records in plain language.
13–14px
Label · 700 uppercase
10–11px · field & card labels
$12,480 · 82,450 mi
tabular-nums · money & measurements
Buttons
Quiet default, green primary, gold for money actions, red text danger. Small & big sizes.
Top tabs (the nav)
The one navigation pattern: a wrapping top tab bar — never a horizontal slide bar. Active tab is green-underlined; counts ride as pills. Sub-navigation inside a page uses the same tab look.
Cards
Summary metric cards (the header row on every page) and left-accent record cards with a maturity/confidence tag and a next-action line.
Summary row
Records
40
5 people · 9 orgs
Relationships
63
across the household
Lab connections
18
money · asset
Avg confidence
78%
operational readiness
Successor-ready
4/6
critical records
Record cards (left-accent)
Tags & account chips
Compact uppercase status/classification carriers, plus the account chip used on the Money overview.
The signature interaction: you never choose a database class. You pick a plain-language recipe, answer a few optional questions (only a name is required — never blocked), and the Registry files the identity, relationships, obligation & connections. Then a "Filed ✓" summary shows what it created.
🏢A company or place we deal withUtility, insurance, bank, subscription…
📦Something we ownVehicle, home, appliance, valuable
💡 Utility (power, water, gas)
🔒 Home security / monitoring
🛡️ Insurance
🤖 Not sure — help me file it
✓ Added ADT — filed as an organization.
• Recorded that ADT provides a monitoring service to Brown Family Home
• Set up a $52/mo bill → Money Lab + Runway
• Suggested next: add the contract end date to track the agreement
Forms & modals
Paper-inset inputs that turn white with a green ring on focus; tiny uppercase labels; a two-up grid for compact modals; optional fields flagged inline.
Confidence & guided completion
Records aren't "complete/incomplete" — they carry a confidence % broken into dimensions (Identity · Financial · Documents · Emergency · Access · Successor), a maturity state, and a guided completion list of the type's remaining fields — one tap each.
Confidence · 66%
4/6 ready · Operational
Identity
100%
Financial
100%
Documents
100%
Emergency
40%
Access
95%
Successor
15%
Add successor instructions (for Tammy)
Emergency / outage phone
Callouts, systems & meters
Callouts explain; systems are auto-suggested from the relationship graph; meters show funding & readiness.
Accent — the calm explanatory note at the top of a view.
Gold — a reserve / funding / "managed through Apple" note.
🔒 Blue — a cross-system / security note.
🔴 Bad — money past due or a hard alert.
Systems — buttons + auto-suggestion
💡 Suggested: Apple-billed subscriptions — 2 subscriptions managed through Apple
Sample screen — Overview (command center)
Summary cards → Systems (auto-suggested) → a 2×2 cube of Needs attention · Search · Recently added · Data review. No sidebar, no slide bar.
BRegistry
Records
40
Relationships
63
Lab connections
18
Avg confidence
78%
Successor-ready
4/6
🕸️ Systems
💡 Suggested: Trax system — 4 records connect to it
⚡ Needs attention · 5
🔎 Search
Type to search across everything.
🕘 Recently added
🩹 Data review
3 below 55% · 2 unlinked · 1 possible dup
⚠ Possible duplicateState Farm ↔ State Farm Insurance
Sample screen — Record drawer
A record: confidence + dimensions, guided completion, identity, Access & handoff, relationships (with ＋ Link another), connected labs, tasks, documents.
BArizona Water Company
OrganizationutilityOperational
Confidence · 83%
5/6 ready · Operational
Access & handoff
Login / portalazwater.com
How to cancelCall to close · final read
Successor noteAutopay from Chase ••1902
Relationships · 1
provides utility toBrown Family Home
Documents · 4
📄 Billing statement Arizona Water Company statement Mar 2026
How to use this. Bind the live app's CSS variables to the tokens at the top (same names as registry-v2), apply these component classes, and adopt the shape shown: top wrapping tabs, recipe capture (never-block), confidence-by-dimension with guided completion, auto-suggested systems, and the command-center overview. One design, every page — taken straight from registry-v2.