A planner that holds your tasks, mood and mornings — all in one calm space.
01 / 07 — OVERVIEWPROJECT_README.TXT
TASKS / MOOD / MORNINGS
One calm space for tasks, mood & mornings.
Folio brings a to-do list, a daily mood check-in and gentle morning routines into a single, unhurried screen. No streak guilt, no red badges — just a quiet place to plan the day and notice how it feels.
tasksmoodmornings
02 / 07 — THE PROBLEM3 OBJECT(S)
THE PROBLEM
Planning apps add to the pile.
“Every red badge is one more thing to feel behind on.”
01
Badges that nag
Counts and streaks turn a list into pressure.
02
Too many tabs
Tasks here, mood there, notes somewhere else.
03
Feelings ignored
How the day felt never makes it into the plan.
INSIGHTS
What calm planning needs
Meet me in the morning
The plan should be ready when the day starts, not something you catch up on.
Mood is part of the plan
Mood deserves a place beside tasks, not a separate tracker.
Quiet over urgent
The interface should stay calm rather than demanding attention.
03 / 07 — MOOD BOARDVIEW_03.PNG
COMPETITIVE AUDIT
Research began with an audit of existing iOS planner apps, examining onboarding flows, navigation patterns, and core features — to identify what works, what overwhelms, and what Folio could do differently.
04 / 07 — WHO IT'S FORPERSONA.TXT
PERSONA
One person, drawn clearly, keeps every decision honest.
Katrina Lee
28 · TEACHER
“I want to start the day knowing what matters and without an app making me feel behind.”
Goals
Plan mornings calmly
Track how days feel
Keep it all in one place
Frustrations
Noisy notifications
Guilt-driven streaks
Scattered tools
05 / 07 — STRUCTUREWIREFRAMES_FLOW.PNG
WIREFRAMES & FLOW
A short, linear path from first hello to planning the day.
The low-fidelity sketches fixed the hierarchy before any colour: greeting and mood first, then a short agenda, with the week one tap away. Structure stayed deliberately shallow — everything important sits one screen deep.
USER FLOW
06 / 07 — UI KITSYSTEM.PNG
COLOUR & TYPE
A small system, built to stay quiet.
Navy 900–700 with a single warm gold accent (gold 800, 500, 300), cream neutrals 100–300, and three soft semantic colours — calm, warm and success. Syne 700 carries display and headings; DM Sans handles body copy and buttons.
07 / 07 — THE SCREENSSCREENS.PNG
FINAL UI
The calm, drawn out — from first hello to the daily plan.
ONBOARDING
A calm first hello
Splash, welcome and log in — three quiet screens before anything is asked of you.
THE DAILY PLAN
Planning the day
A mood check-in opens the screen, followed by a short agenda and a week strip one tap away.
REFLECTION
Mood & the bigger picture
Today's note, mood this week and a few quiet stats — context without a scoreboard.
DARK MODE
The same, but different
The same calm hierarchy in navy, for evenings and late planning.
OUTCOMES & REFLECTION2 OBJECT(S)
WHAT WORKED
Leading with mood made the plan feel personal.
One calm screen removed the “where does this go?” friction.