EtudeSpark · iOS · Prelude flavor

The Rhythm Garden

A full, whimsical-illustrative direction for the child-facing app, where every reward is a memory of real practice — a plant that grew because a piece was tended, a spot smoothed, a few minutes spent. The garden never wilts, never scores, never sells. Built on one shared garden.css system so all 24 screens feel like one place. Open any frame to view it full-size.

System · garden.css (Quicksand + Nunito Sans) Device · 390×844 portrait · 844×390 landscape Invariants · participation · anti-fail-state · one take · teacher refs · no currency

First run

Guardian

Two light setup steps. Connecting a teacher is skippable — a child gets a real garden with no teacher yet.

Welcome
Sign in with Apple; email is the calm fallback.
Add your child
One field, minimal PII — no last name, no birthday.
Connect a teacher
Join code → confirm the studio. Skippable.

The daily loop

Child

Today invites the child into the studio; Pieces is the repertoire, each at its own stage of growth; Rhythm is the Growing Year. Tabs: Today · Pieces · Rhythm · Family.

Today
Three beds waiting in the sun; one primary — open the studio.
Switch child
Pull-down under the avatar — effort status, never a grade.
Pieces
The repertoire garden + a door to the Conservatory.
Piece album
Spots, teacher demos, the week's takes.
The Conservatory
Mastered pieces become permanent Melody Trees.
Signature
Rhythm
The Growing Year — streak vine + weekly garden.
Signature

Studio session

Child · landscape

A grown-up-operated deck of pieces: listen first in the sunlight, smooth a spot as a plant grows, then water today's garden and reflect on effort.

Active session
Listen-first · the spot rep-counter is a growing plant.
Signature
Water the garden
The session-complete reward — a memory, not a coin.
Signature
How did it feel?
Effort (RPE), framed as weather — never quality.

Recordings — the harvest

Guardian

Voice-redacted-on-device takes the guardian reviews and, with consent, shares for the teacher to listen to. Never scored, never analyzed server-side.

Recordings
The harvest, grouped by piece; voice muted + sync state.
Review & share
Listen → confirm no voice → share. Revocable.

Progress & history

Child & guardian

How the garden grew over time — all participation. The calendar reimagines the contribution heatmap as an isometric garden bed.

Progress
Window tallies + a sprout bar chart.
The garden bed
Tilled soil · sprout · bloom · a golden streak vine.
Signature
A day in the garden
What grew that day — minutes, pieces, effort.

Family & account

Guardian

Profiles, the connected teacher, co-guardians, and privacy. The guardian holds the account and the consent.

Family
Children, the harvest, grown-ups, the teacher.
Who's practising?
The multi-child chooser.
Edit profile
Photo + name; the action sheet to add a photo.
Invite a grown-up
Share a co-guardian invite.
Claim an invite
The co-guardian hand-off, from a link.
Settings
Daily sun (goals), gentle reminders, consent.

Quiet states

Anti-fail-state

The hardest test of the design language: a first-run garden with no teacher, and an offline day. Both stay calm and alive — never red, never behind.

Ready to grow
No teacher yet — plant something anyway.
Offline & syncing
Roots keep growing; work waters the teacher's view later.
How it maps to the product. This is the Prelude chrome from the dual-flavor plan — a client-side translation of the very same signals the app already tracks (minutes, a piece practised, a spot smoothed, a session committed). No garden field, no flavor field, ever reaches a DTO or the teacher CRM. Growth is a memory of real work; a quiet week is a dormant garden, not a punished one.
EtudeSpark design mockups · Rhythm Garden · static preview, not production UI