Screen 04 — AttunementOne quiet calibration.
9:41
matra
How do you like to be supported when things feel hard?
Held & heardClear answers
A balance — I’ll read what you need in the moment.
Matra · from attunement to conversation
One quiet calibration. A clear invitation. Then, one question at a time.
Screen 05 — First visit pop-upA clean invitation.
9:41
Thank you. I’m beginning to understand how to be here for you.
Think of this as our first visit. I’ll ask about your body, your emotions, and what matters to you right now—one question at a time.
Take your time. You can skip anything you’d rather not answer.
Intake 01 — ReadyOne question at a time.
9:41
matra
Tell me a little about your menstrual cycle.
You might share its usual length, whether it comes each month, or anything you notice.
Tap the ember and speak
Intake 02 — ListeningShe chooses when she’s done.
9:41
matra
Tell me a little about your menstrual cycle.
You might share its usual length, whether it comes each month, or anything you notice.
I’m listening. Tap when you are done.
Intake 03 — Matra respondsSpoken aloud.
9:41
matra
Tell me a little about your menstrual cycle.
You might share its usual length, whether it comes each month, or anything you notice.
Intake 04 — Next questionThe conversation continues.
Intake 05 — Optional reviewAvailable, never required.
9:41
matra
Have you ever been pregnant before?
Swipe up to review
What you shared
ABOUT MY CYCLE
My cycle is usually around 29 days. It comes most months, but the first day can be uncomfortable.
Attune → invite → ask → listen → respond aloud → continue. Swipe up anytime to review.
UX/UI motion handoff
Attunement slider
The descriptor updates continuously while dragging. Crossfade copy in 160–200 ms; do not snap the thumb. Persist the selected value and let it evolve later.
First-visit invitation
Dim the Home screen to 45–50%. Bring the card up 12–16 px while fading in over roughly 500 ms. Keep the invitation dismissible with “Maybe later.”
Ready → listening
Tap the Ember to begin. Use a light haptic. Keep the Ember’s dimensions fixed; signal listening only through a slow internal glow and the updated instruction.
Finish speaking
The user taps again to finish. Silence may pause transcription but must never submit an answer. No mandatory transcript confirmation between questions.
Matra responds
Matra responds aloud. The Ember’s internal light gently modulates with audio without changing its size. Typed conversations show the response in the typed thread.
Next question
After Matra finishes, crossfade the question over 300–400 ms. Extend the coral progress line and move the orbit dot clockwise with one 500–650 ms eased motion.
Optional review
“Review what I shared” is always available but never blocks progress. Swipe up or tap the link to open a bottom sheet. Support edit, record again, and return to conversation.
Accessibility
Provide captions, VoiceOver labels, keyboard focus, 44 pt targets, sufficient contrast, and Reduced Motion behavior. Audio should never be the only way to receive essential information.
Motion character
Motion should feel slow, warm, and responsive—not playful. Avoid bouncing, confetti, waveforms, expanding Ember geometry, or decorative movement without meaning.