Skip to content
Design notes · Colophon

Calm, by design.

Everything on this site is drawn from one small token sheet. These notes are the same spec the code reads — kept honest by living next to it.

Foundations

The architecture is the privacy policy.

Browser tools execute 100% in your tab and store nothing. The one documented exception is CapyExpense, a desktop app that writes only to your own disk. No signup, no cookies, no server — the constraints are the aesthetic.

Color

Sage does the work; clay and gold celebrate.

Cream#f9f9f7 · Canvas
Ink#1a1a1a · Type
Sage#8e9b7e · Primary
Water#5f7a72 · Data signal
Clay#c07952 · Celebration
Gold#d9a441 · Milestones

Dark ink sits on sage, never white. Clay appears once per view, at most; if everything is gold, nothing is.

Typography

Three voices, never a fourth.

Fraunces

Display. Serif, light, for titles only — italic <em> carries the emphasis word.

Plus Jakarta Sans

UI. All interface text at weight 500 — it runs lighter than Inter at the same weight.

Albert Sans

Labels. Eyebrows, tags and code, with 0.24em tracking. The quiet technician.

Motion

Slow, deliberate, never snappy.

Entrances settle with an expo-out curve — 600ms panels, 900ms hero reveals, 350ms hovers, 100ms stagger gaps. Ambient washes drift on infinite alternating loops, out of phase. Every motion dies under prefers-reduced-motion.