“What matters to you?”
Invite reflection and acknowledge that context, needs and preferences can change.
Foundation.
A thoughtful conversation, given room to breathe. The founder’s white canvas, mint progress, serif questions and black actions become a complete editorial identity.
A palette with a purpose.
Paper
#FAFAF7
#FAFAF7
Ink
#202522
#202522
Mint
#A7E3C8
#A7E3C8
Mist
#EAF5EF
#EAF5EF
Stone
#5E6862
#5E6862
Primary action
var(--accent)Canvas / primary text
--bg / --inkSecondary text / borders
--muted / --lineSelected state
--wash + --progressKeyboard focus
3px var(--focus)Error text
var(--error)Use ink for readable text. Accent washes are surfaces; selection always also uses a checked control. Never communicate an error through colour alone.
Georgia + Arial
System fonts keep every HTML file portable and available offline.
Display / responsive 52–88px
A direction of your own.
Heading / 36–54px
What brings you to life?
Body / 16–18px · 1.6–1.75
Good questions create room for honest reflection. Take your time; the next step is yours to choose.
Label / 11px · tracking .15em
Your working life / a new perspective
Space that supports the story.
Layout1,200px container · 75px hero gap · narrow 440px question cards
Spacing scale
4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96Shape7px · quiet, practical corners
Mobile ≤ 850px20px gutters · single column
Tap targets50px primary · 42px compact
Motion180ms hover; no decorative movement.
The conversation kit.
Actions & states
Primary / secondary / disabled. Tab to see the focus ring. Primary buttons launch a working three-question preview.
Inputs & feedback
Add a reflection before continuing.
Selected response
AutonomyCompetenceRelatedness
KAGERAYOUR REFLECTION
01 / Interests
When do you become so absorbed in something that you lose track of time?
Think about a moment when the activity itself felt rewarding.
A space to be honest.
YOUR STORY, ONE THOUGHTFUL QUESTION AT A TIME.
Support the person’s agency.
Calm, precise, encouraging. Ask one thoughtful question at a time. Leave room for uncertainty.
“Your perfect career.”
Do not promise a fixed identity, guaranteed match, validated score or outcome we cannot substantiate.
Research → reflection.
SDT is an established research framework. This concept’s questions and recommendations require their own validation.
- All three needs matter. Do not present autonomy, competence and relatedness as competing personality types.
- Use labelled controls, visible focus, semantic headings and text feedback. Respect reduced motion.
- Show question progress. Allow going back and exiting. Explain what happens to answers.
- Testimonials, accuracy statistics and research endorsements require real supporting evidence.
Research reference: Self-Determination Theory overview. Visual reference: the founder’s screen recording, supplied 30 September 2026. The original question flow uses white space, serif prompts, mint progress, and black actions.
Working assumptions: Kagera is the placeholder brand. The landing page presents a product concept; its CTA opens an illustrative three-question flow. No backend, accounts or career-matching engine is connected.