Every choice — color, typography, spacing, motion — was made for Priya, Arjun, and Meera. Here's the thinking.
All three are urban, educated, 26-32, emotionally literate, burned out by existing apps. They respond to warmth not clinical UI, depth not gamification, honesty not marketing speak. They are sophisticated enough to appreciate being spoken to like adults.
Deep warm charcoal as base. Cream for text. Terracotta as accent — warm, human, nothing like Tinder red or Bumble yellow. Secondary gold for highlights.
Cormorant Garamond for headings — deeply literary, warm, feels like it belongs in a book not an app. DM Sans for body — clean but not cold.
Generous padding — 20-28px on cards, 24px horizontal screen margins. Nothing cramped. Breathing room between sections. Cards float with subtle borders not heavy shadows.
Slow fades between screens (0.4s), not instant snaps. Quiz cards slide out gracefully. Tag selections lift slightly. No jank, no aggressive bounces.
Linear. No back navigation during the quiz. Intentional — forces gut responses not overthinking. Progress dots show where you are but you can't skip ahead.
Full navigation. Back buttons work. Bottom nav has only 3 items — Matches, Conversations, Me. No discovery feed. No endless scroll.
As users adjust sliders, the triangle updates live below. It's not the hero — the sliders are. The visual is a reward for engagement not the first thing you see.
Tapping an answer immediately slides to the next question. No "Next" button to click. Decisiveness is rewarded with momentum. Arjun doesn't get a chance to second-guess.
Small, quiet, not demanding. You notice it when you need it. Meera can focus on the reflective act of choosing who she's becoming without a gamified progress bar shouting at her.
Name, archetype, aspiration overlap, and compatibility score all come before the photo. The hierarchy is inverted. This is the entire point of the product made visible in the UI.
Not a modal. Not blocking. Sits in the conversation like a quiet suggestion. Priya will use it. Meera will dismiss it and ask her own better question. Both are correct responses.
"Natural / Forced / Still figuring out" instead of 1-5 stars. Language that matches how people actually reflect, not how products want to measure them. The third option is specifically for Arjun.
Every pixel, every word, every transition was designed to feel like someone finally built an app that gets it. That gets them.