Six surfaces, one design language, zero dark patterns. Everything below is real production UI from the shipped extension.
The popup
One click from any page, the control center appears: your rings, today's numbers, and every protection one tap away. Focus sessions start here; blocks land here; willpower counts up here.
Home · Focus · Goals · Settings — four tabs, zero digging.
The dashboard
The full picture of your attention: Focus Score with anti-gaming math, the triple ring, a 30-day heatmap, watch-time topics, and a Monthly Review that badges your weeks.
Day, week and month views — with a best-day line worth chasing.
The interventions
Where protection happens: a live Focus Timer overlay, calm block interstitials with your buddy's nudge, and a graduated unblock ladder that turns one more video into a decision.
Timers tick in real time. Blocks explain themselves.
The briefing
The first open of the day is yesterday's review — score, rings, 7-day trend, where time went. The fresh-start effect, applied to attention, every morning.
Mornings show yesterday. Evenings wind today down.
The companion
Mika or Haru floats on any site with a live site clock and an emotion driven by that site's score — happy on deep work, worried on feeds, joyful when your rings close.
Tap to expand: rings, saved time, quick blocks, buddy switcher.
The setup
An iOS-style onboarding assistant guided by the buddy you pick — pointing at controls, reacting to each step, personalizing every bubble with your name.
Under a minute from install to protected.
One token system — warm graphite surfaces, a single iris-amber accent, hairline borders and spring easing — shared by every surface of the product and this website.
The product inspired this website — and this website returns the favor. Both speak the same visual language because both ship from the same tokens.
Install from source in five minutes, close your first ring tonight, and read yesterday over coffee tomorrow.