Home Zero
Design System · v0.1 · 2026-06-19

The warm-paper language every Home Zero screen is built from — extrapolated from the downloads-page idiom. Fraunces sets the voice; Hanken carries the body; JetBrains Mono labels the machine. Pine is the one accent that means "good." The board, the briefings, the deep-dives, the agents' artifacts — all assembled from the primitives below.

Foundations

Color

Paper and card carry the surface; ink and its softer steps carry the text. One pine accent for "good," a warm verdict set (honey → amber → clay) for everything sliding away from it, and a single cool blue for "new / informational."

Paper#fbf5e8
Card#fffdf7
Ink#28211a
Sub#76695a
Line#ecddc4
Pine#2e7b68
Honey#c98a2a
Amber#a9742a
Clay#c65a30
Blue#5b78d6
Foundations

Type

Three voices. Fraunces (display) for anything that should feel written by a person. Hanken Grotesk for reading. JetBrains Mono, uppercase and letter-spaced, for labels, eyebrows, and numbers the machine produced.

Know what it really costs.Fraunces 48 / 600
Your hunt, one board.Fraunces 30 / 600
11545 Crawford RdFraunces 21 / 600
Every home you've zeroed, side by side — drag as your read changes, see what you can carry. Hanken 16 / 400
Pine is the one accent that means good. Hanken 14 / 400 · sub
Cost to zero · within footingJetBrains Mono 11 · uppercase
Components

Primitives

The vocabulary. Every one is a class in the system; the React library wraps each as a component (<Button>, <VerdictPill>, <Sheet> …).

Buttons
Connect WhatsApp
Eyebrows · badges · status
Targeting Advisor online Soon
Verdict pills
good fair caution overpriced
Affordability bands (Footing)
within stretch over
Chips · segmented · tabs
Within budget Owned water ≤ 15 min to town
Inputs
List rows
Run your numbersFooting
Compare homesTargeting
Soon
How buying a home worksLearn
Soon
Toast · empty · skeleton
Saved — your advisor is reading it.
Screens

The system, at work

The same primitives assembled into real surfaces — built on real North Fork Valley homes. This is the breadth the library is meant to cover: the board, a deep-dive, a workbench menu, an empty state.

homezero.app/board
Footing$520,000your number
2 within 1 stretch 1 over
$100KDrag to set what you can carry — every home re-checks live$1.2M
New finds · 1
$509,000within▸
41014 Beaver Trail · Crawford
withinstretchover
Affordable — but the well's shared. Digging into the water before I rank it.
Considering · 2
$399,000within▸
502 Main Ave · Paonia
withinstretchover
Priced right and comfortably within your number; the roof's near end-of-life — I've budgeted $14k for it in the cost-to-own.
✦Your advisor · a quick one
Two in your range. Which feels more like home?
Front-runners · 1
$950,000over▸
11545 Crawford Rd · Paonia
withinstretchover
Over your number — but the senior water rights carry it. Tap to weigh it.
deep-dive · slide-over
good · owned water

True cost to own

11545 Crawford Rd · $950,000
Principal & interest$5,730
Property tax$402
Insurance$311
Water / well upkeep—
All-in / month$6,440
launchpad · workbenches
Home Zero
P

HomeZero for Chrome

Star any home on Zillow — it lands on your board.

board · empty

Your board's ready.

Zero a home on Zillow and it lands here. Your advisor reads the public record and tells you what it'll really cost.

Every screen points at one number — your cost to zero.