Foundations
Typography
One family — Satoshi — combining clarity and warmth. The scale is fluid: every size glides between its phone and desktop value, no breakpoint jumps.
Satoshi
Clean · Modern· Human
A modern geometric sans-serif balancing precision and friendliness. Self-hosted variable font, weights 300–900.
Focus. Balance. Thrive.
light · 300
Focus. Balance. Thrive.
regular · 400
Focus. Balance. Thrive.
medium · 500
Focus. Balance. Thrive.
bold · 700
Focus. Balance. Thrive.
black · 900
A single variable font file serves every weight.
25:00
display-2xl
56 → 96px · w300 · -0.05em
25:00
display-xl
44 → 72px · w300 · -0.04em
Find your calm
heading-1
36 → 48px · w500 · -0.025em
Find your calm
heading-2
28 → 36px · w500 · -0.02em
Find your calm
heading-3
22 → 26px · w500 · -0.01em
Find your calm
heading-4
18 → 20px · w500
Find your calm
body-lg
17 → 18px · w400
Find your calm
body
16px · w400
Find your calm
body-sm
14px · w400
Find your calm
caption
12px · w400 · 0.01em
Find your calm
overline
10 → 11px · w500 · 0.25em
Sizes are ranges, not fixed numbers: the phone value at 390px viewport, the desktop value at 1280px, interpolated between.
Headings
Medium / Bold
Page titles, key messages and high-impact moments. Displays drop to Light.
Subheadings
Medium
Section titles and navigation labels.
Body text
Regular / Light
Paragraphs, descriptions and UI text.
Accent text
Light / Italic
Quotes, captions and secondary information.
25:00
Deep Work
Data renders Light at display sizes, tightly tracked, surrounded by quiet.
Focus Timer
Ambient Context
Current Stream
Letterspaced uppercase overlines name every region. Weight Medium, tracking 0.25em.
“You can’t control everything. But you can create your sphere.”
Satoshi Light Italic