Layouts

Whole screens reassembled from the primitives — the examples to build the product from. The mobile app (Today · Breathe · Progress) and the member cabinet, in the lunar language. Shells (TabBar, CabinetShell) ship in @esme/design; admin lands next.

Mobile app · Today · Breathe · Progress

Wednesday · 2 June

Good evening,
Arden

Control pause

38 s

Coherent · ▲ +6 this week

Day 12 / 49Level 3 · Regulation

Coherent breathing · 6 : 6

Nine minutes

Inhale4

Inhale 4Hold 6Exhale 6

Cycle 3 of 18 · 7:24 left

Progress · 49 days

Your steadiness

Control pause · s16 → 38

HRV

+60%

variability

Resting HR

−9

bpm

Calm

↑

self-report

Streak

days

Composed from MetricCard, Ring, BreathCue, Label, Button, Avatar and the TabBar shell. The moon breathes on the 4 : 6 : 6 clock; the breath cue counts with it.

Member cabinet · Home

Wednesday · 2 June

Good evening, Arden

ProgramLevel 3 · Regulation

Day 12 / 49

24% complete

Control pause

38 s

Streak

12 days

HRV ▲ +60%

Tonight's practice

Coherent breathing

6 : 6 · 9 minutes · then log your control pause

This week

Mon · Coherent breathingCP 36 s

Tue · Box breath + coldCP 37 s

Wed · Coherent breathingTonight

Thu · Movement + breath—

The CabinetShell (sidebar · moon-glow main) wrapping a dashboard built from Card, Ring, MetricCard, sparklines and session rows. Results, Guides and Subscription follow the same shell.