Skip to content
03 / Projects
Sunbreak's Today screen — a solar dial reading 3:00 AM with shift, sleep and light bands layered on the solar day, beside a 4h 12m sun debt figure and a timed light plan
Own projectBuilding002 / 008

Sunbreak

A circadian companion for people who work while the sun is up and sleep through it. It answers one question: given that my day is inverted, when should I be outside, when should I be in the dark, and when can I actually reach anyone?

Built with
  • Next.js
  • React 19
  • TypeScript
  • TailwindCSS
  • shadcn/ui
  • SunCalc
  • localStorage

How it works

  1. 01

    A sun debt ledger — daylight missed against what the body needs, as a running balance you pay down by logging time outside.

  2. 02

    A light plan derived from your own shift, branching on the body's temperature minimum: light before it delays your clock, light after it advances your clock. Rotating shifts get the opposite advice.

  3. 03

    An overlap finder for the narrow windows where your awake hours meet your family's, or the hours banks and clinics are actually open.

  4. 04

    A custom SVG solar display layering the true solar day for your coordinates against your shift, your sleep, and the recommended light and dark windows.

  5. 05

    Built for a phone in a dark room at 3am — mobile-first, sun math computed on-device with no API key, and a Dim mode that drops maximum luminance further.

More screens

  • Sunbreak's Plan screen — a shift-pattern segmented control above draggable shift and sleep blocks, with the temperature-minimum explanation beneath
    Plan — the shift and sleep blocks the light plan branches on. Design comp.
  • Sunbreak's Overlap screen — horizontal bars marking the hours the user's awake window meets family time and business hours
    Overlap — the narrow windows where an inverted day meets everyone else's. Design comp.
  • Sunbreak's History screen — a double-plotted seven-day actogram above a thirty-day sun debt line
    History — a double-plotted actogram, the standard chronobiology instrument. Design comp.
  • Sunbreak's landing page — You work while the sun is up. Sunbreak keeps track of it for you. in serif type on near-black, with an amber Open the app button
    The deployed landing page.