← All work

Meridian

Personal project 2026 Product design · Motion · Design system · Art direction

Insight

Cycle tracking apps tend to hand you either a calendar or a horoscope. Meridian, an app I built with AI, is an attempt at a third thing: it takes the ritual and narrative people actually come to these apps for and puts real structure underneath it.

Idea

The spine is four cycles turning at different speeds: the lunar month, your own cycle, the Ayurvedic day and the Chinese organ clock. They nest cleanly — twelve organ hours divide exactly into six dosha periods — so the home screen is one dial with all four rings, and everything else falls out of where those rings currently sit.

Traditional Chinese Medicine and Ayurveda agree more than they disagree: both say warm and cooked while you’re bleeding, light and green while you’re building, cool and bitter at ovulation, and protect digestion in the luteal phase. The app is built on that overlap.

Motion, one piece at a time

The rule for motion was that it should feel like breathing. Everything eases on sine and soft cubic curves, nothing moves at a constant speed, and opacity runs on a curve of its own so a fade is actually seen. Each arrival plays once, when you land on a screen, and not again until you come back.

01 Opening The M from the app icon, gathered from a cloud of tiny numerals. They drift in on curved paths, flicker like a counter while the letter holds, then scatter as Today arrives.
02 Changing screens Each screen rises in section by section, top to bottom, so it reads in order.
03 The dial assembles Organ clock, moon, cycle and Ayurvedic day arrive outermost first, each turning slightly into place, while the day in the middle zooms up to meet them.
04 Breathing A ring of particles widens on the inhale and settles on the exhale. The particles keep shimmering between breaths, so the circle never goes still.
05 Capacity, bar by bar The 28 days open from their own midpoints, left to right, a fixed step behind each other. Today carries the dial’s orange dot.
06 Temperature, drawn in The line draws itself left to right, and each reading swells into place as the pen reaches it.