Deep Focus

A pomodoro that has a witness. Two people, one timer, kept commitments.

STYLEGUIDE · v1.0
B2C · CONSUMER · FREEMIUM
Canvas tokens

The paper canvas, the deep ink, the breathing hue.

Canvas#F4F1EA
Canvas 2#ECE7DD
Paper#FBF9F4
Ink#1A1814
Ink 700#3D3830
Ink 500#6E665A
Rule#D8D0BD
Rule strong#BAB09A
The breathing hue

One signal, drifting from cool to warm across a session.

The canvas of an active session shifts linearly from a slate-teal at the first minute to a dusk-rose at the last. The user feels the room get warmer; the eye never catches the change happening. This is the single ambient signal the product carries — never doubled, never accelerated, never reversed.

00:00 · cool
midpoint
end · warm
Hue cool#5A7B82
Hue cool soft#DDE5E7
Hue mid#897876
Hue warm#B86B5F
Status accents

State colors. Honest, not punitive.

Co-finished#4D7A4A
Half-finished#B6741F
Tapped out#8A5D5D
Dropped (net)#A39A8B
Type ramp

Fraunces for ceremony, Inter for chrome, mono for time.

display
Sit with the work.
Fraunces · 42 / 1.05 · -1%
timer
23:41
Mono · 78 / 1 · tabular
h1
Start a session
Fraunces · 28 / 1.1
h2
Standing partners
Fraunces · 20 / 1.2
body
The active screen is monastic. There is one number, one verb, and your partner is present.
Inter · 14 / 1.55
body sm
Henrik tapped out at 17:42 — you're solo for the rest of the session.
Inter · 13 / 1.5
caption
Sessions you co-finish count toward the kept ribbon. Solo sessions don't.
Inter · 12 / 1.5
eyebrow
YOUR NEXT SESSION
Inter · 11 / 0.14em / 600
mono
18 / 19 co-finished  ·  09:00 Berlin  ·  50 min
ui-monospace · 13
Buttons

The primary, the quiet, the tap-out.




25 min 50 min 90 min
Inputs & forms

The intention field, the duration toggle, the partner picker.

Visible to your partner at session end. 47 / 140.
Your local timezone: Berlin (UTC+2).
Partners see your first name and initial only.
Pills & badges

Result, state, duration. Sentence case, never shouting.

Co-finished Half-finished Tapped out Solo Cool start Warm finish Standing partner 50 min 09:00 Berlin
Partner dot — active screen states

One element, four states. Nothing else animates.

Henrik is in · 17:42 elapsed
Henrik is in · 38:18 elapsed (warm)
Henrik tapped out at 17:42
Henrik dropped — reconnecting…
Avatars

Initials on a colored disc — never a photo, never a gradient.

HL
HL
HL
HL
PR
MW
SK
DR
JT

HL
Henrik L. Berlin · 18 / 19 co-finished · 50 min
PR
Priya R. Mumbai · 31 / 33 co-finished · 90 min
The timer — preview

Monastic. Full-bleed. One verb above, one button below.

Sit with the work.
23:41
Henrik is in · 38:18 elapsed

The active mockup animates the canvas hue across the full session. Here, the canvas is paused at the warm end-of-session stop. The horizontal hairline below the timer recedes from right to left — the only progress affordance on the screen.

Alerts & toasts

State messages, never marketing.

Begins in 4 minutes
You're paired with Henrik L. Both sides confirmed ready.
No partner yet — searching the pool
If nobody's found by start, the session runs solo. You won't lose your kept ribbon.
Co-finished. Sixth in a row this week.
Henrik finished too. Mark him a standing partner if you'd like the algorithm to find him for you next time.
Henrik tapped out at 17:42
You're solo for the rest of the session. The kept ribbon counts this as half-finished.

Priya R. added as a standing partner.
Cards

The booking card, the partner card, the empty state.

09:00 tomorrow
Write Q3 board update
50 min · with Henrik L. · Berlin

PR
Priya R.
Mumbai · 06:30 local · 31 / 33 co-finished

Stands for 90-minute sessions, Tue / Wed / Thu mornings. Last paired Tuesday.
No bookings this week
Pick a time, write what you're sitting down to do, and we'll find you a partner.
Tables

Session history. Six columns, never more.

Date Intention Partner Length Result Tapped out
Mon · 9:00 Write Q3 board update — opening Henrik L. 50:00 Co-finished
Sun · 14:30 Finish chapter 3 of the textbook Priya R. 90:00 Co-finished
Sat · 9:00 Refactor the auth middleware Daniel R. 50:00 Half-finished D · 17:42
Fri · 6:00 Inbox to zero — quarterly clear (solo) 25:00 Solo finished
Thu · 7:00 Edit the LSAT review chapter Jules T. 50:00 Tapped out You · 06:11
Kept ribbon

One row per day. Co-finished keeps it; tap-out breaks it.

CURRENT RIBBON
14 days
LONGEST
28 days
M
T
W
T
F
S
S
Co-finished
Solo (keeps the ribbon warm)
Tap-out (breaks it)
Modal

End-of-session reveal. Both intentions, side by side.

Empty state

One instruction, one button.

No standing partners yet
Mark a partner after a co-finished session to pair with them on a recurring schedule.