Meet the moment, not a score.
Prompts begin with what happened and what may be needed. A person can answer a little, leave a field blank or take another route.
UI/UX design handout · Mobile app concept
Your voice.
Your own pace.
Steady explores a gentler way to reflect, prepare words for an everyday conversation and write privately. This handout records the visual language, choices and boundaries behind the 11-screen concept.
ReflectionConversation preparationPersonal writing
Steady · concept UI01 / Experience principles
Support a choice, not a performance.
The interaction should help someone take a manageable next step without assuming that speaking up is always safe, wanted or successful.
Offer words that can change.
Suggested sentences are a starting point. Editing and tone choices leave the final language with the person using it.
Do not treat the response as the result.
Reflection and support paths remain available even when a conversation is difficult or does not happen.
02 / Visual foundations
A quiet place to return.
Natural colours, generous spacing and warm editorial typography create a calmer frame for sensitive content. The values below are documented on the supplied visual-identity board.
Ink
#193E40Primary textDeep teal
#285E5BActionsEucalyptus
#DEEBE3Reflection surfacesApricot
#F3D9C5Support surfacesDM Serif Display / headingsYour voice.
Your own pace.
Your own pace.
Warm, human headings create a recognisable tone without making the task feel clinical.
DM Sans / body & controlsWhat would help you today?
Clear body text and controls keep prompts, alternatives and support information readable.
03 / Typography
Warmth without pressure.
DM Serif Display adds a human, reflective voice. DM Sans carries the practical prompts, choices and support information.
Display / headingYour voice. Your own pace.
Body / instructionWhat would help you today?
Metadata / statusReflect · Prepare · Write · Journey
Font referenceThe supplied visual-identity board documents this DM Serif Display and DM Sans pairing. Confirm sizes and weights in the design source.
04 / Layout patterns
Space to pause and choose.
Generous breathing room, gentle containers and a predictable action pattern support a sensitive subject without implying a single correct path.
Group, then separate.
Keep prompts short and separate reflection from a next-step choice.
Repeat familiar shapes.
Soft, repeated corners create familiarity across cards, writing areas and support routes.
Make changes legible.
Optional, skipped, saved and completed must be understandable without pressure or colour alone.
Reference, not final tokensSpacing bars, radii and state samples illustrate the pattern. Exact values and accessibility behaviour need source-file and device-level verification.
05 / Reusable UI
One clear next step, more than one way through.
Rounded surfaces and restrained imagery support focus. Alternatives should be visible rather than hidden as exceptions.
Choose a starting point.
Help me reflect →Help me prepare →I just want to write →
The home screen presents distinct intentions without forcing a prescribed sequence.
Describe only what fits.
AnxiousHurtUnsure
What happened? (optional)
People can choose a label, write in their own words or leave a prompt unanswered.
Continue, pause or change course.
Explore what I needPause for now
Primary and lower-emphasis actions preserve agency. Colour is not the only signal for what a control does.
06 / Information architecture
A place for each intention.
Reflect, Prepare, Write and Journey are complementary routes. Privacy and support must remain easy to find across the experience.
Understand the moment
Name a feeling, explore a need and revisit what mattered after a conversation.
Find words of your own
Draft, edit, practise or choose not to have the conversation yet.
Use an open page
Make space for thoughts that do not fit a guided prompt.
Return to a moment
Revisit selected reflections without turning personal progress into a score.
07 / Journey & flow
From hesitation to an owned choice.
The illustrative journey allows reflection, a draft request and an optional review. Pausing and choosing another path are legitimate outcomes.
Notice a moment→Reflect→Explore a need→Prepare words→Choose whether to use them→Reflect afterward
08 / UX process
Choices first. Styling later.
The boards move from possible needs and user stories to structure, sketches and low-fidelity screens. Research activities remain proposed rather than completed findings.
Evidence noteThe scenarios, personas and affinity notes are provisional design tools, not quotations from completed interviews. This handout does not claim that the concept improves mental health or confidence.
09 / Screen inventory
Eleven views. A gentle pace.
The final board follows welcome, home, reflection, preparation, personal writing, Journey and privacy/support screens.
Set a gentle expectation for the concept.
Offer clear routes without demanding a perfect answer.
Name a feeling or situation in personal words.
Draft and revise a starting sentence.
Pause, reflect or seek support after a hard outcome.
Write freely and revisit chosen moments.
10 / Visual direction
Gentle, but not vague.
The visual direction uses warm neutrals and natural colour, while the interaction language protects choice and makes boundaries visible.
Reflective / warm
Editorial type and eucalyptus surfaces create a quieter place to begin or return.
Practical / explicit
Clear labels, skip routes and support information keep the tone from hiding important decisions.
Concept directionThis visual treatment has not been validated through user testing or accessibility evaluation.
11 / Trust & next steps
Trust lives in the details.
Steady is a scripted self-reflection concept, not a psychologist, diagnosis or emergency service. The next stage is careful research and professional content review.
Explain what is kept.
The current prototype keeps entries in memory during a visit. Persistent storage and clear deletion behaviour would need to be designed before release.
Keep exits visible.
Use readable hierarchy, labelled controls and alternatives to every guided prompt; assess assistive-technology behaviour with users.
Review the boundaries.
Test whether people understand the app’s limited role and can find support without feeling pushed into a conversation.
