Mara

PNLE Companion
UI samples

Directions for a roomier app. Every sample shows the same four screens with real lessons and games — only the space, type, and size change. Open each one on your phone, scroll through, and pick the feel you want. Start with D — it was built from your feedback — then try its three new sisters E, F, and G, all in D's open, no-cage family.

Direction D · New — start here

Open Air

No boxes, open and alive — built from your feedback. No bordered cards, no cage: screens open on Mara's clinic scene, lessons become a winding path instead of rows, and everything floats on soft color with room to breathe.

View sample D →
Direction E · New

Garden Journey

D grown into a storybook garden — the path becomes the whole app, Mara waits at the stops, and an illustrated grove opens Year 2. A walk, not a dashboard.

View sample E →
Direction F · New

Calm Air

D at its quietest — mostly soft white air, the gentlest colors, the widest spacing of the set, and big quiet type doing the work. Breathing room for tired eyes.

View sample F →
Direction G · New

Play Pop

D with game energy — bold color blocks, chunky springy buttons, a bigger Mara, and progress shown as lit-up stars. Playful and loud, still no boxes — just color.

View sample G →
Direction A

Airy

Maximum breathing room — bigger text, tall line spacing, one idea per card, soft shadows. The calm textbook feel.

View sample A →
Direction B

Roomy Focus

Reading-first — clear heading hierarchy, lessons chunked into sections, your progress always in sight. The guided study feel.

View sample B →
Direction C

Big & Bold

Chunky and confident — oversized cards and buttons, strong color blocks, fewer things per screen. The arcade-friendly feel.

View sample C →

Samples only — your real app is untouched.