Moryou UI Kit
The living identity for Moryou: colors, type, components and the building blocks of every gift. Premium, emotional, global. Built mobile-first.
Symbol and logo
The mark is an M formed by an opening envelope with a spark at its heart: a gift that opens in layers. Primary assets below; the inline SVG mark is used for small decorative accents.
App mark (on light)
App mark (on dark)MoryouMoryouMade with MoryouOpening layers
The proprietary visual language. A gift is shown as layers that open: letter, photo, song, secret, surprise. Used in the hero, create flow and demos instead of a generic device mockup.
A letter to open
Photos you'll recognize
Your song, playing
A secret to unlock
A final surprise
Occasion skins
Each occasion gets its own atmosphere from one matrix (occasion-skins.ts): gradient, accent, symbol, dominant layer, motion and texture. The platform stays Moryou; the mood changes.
Theme and style system
Theme is the occasion. Style is the emotional and visual direction inside it. Template is the concrete build. Each style carries its own palette, voice, narrative, blocks, music and unlock rules (config in @moryou/types, projected to the DB by the seed).
Christmas
seasonal · warmth, family, wonder, nostalgiaWarm Christmas Letter
Read it slowly. It feels like home.
Snowy Gift Box
Open it, one box at a time.
Family Fireplace
Gather everyone around it.
Anniversary
romantic · devotion, intimacy, memory, usCinematic Love Story
Press play on us.
Radio Memories
Now playing: the two of you.
Secret Vault
Only you can open this.
Animated Scrapbook
Some memories just need to be kept.
Elegant Letter
Some feelings deserve space.
Birthday
celebration · joy, celebration, recognitionBirthday Memories
A whole life, on exhibit.
Party Journey
Earn your surprise.
Elegant Birthday Letter
Fewer words. More meant.
Mother's Day
family · gratitude, tenderness, rootsMother's Garden
Plant the garden, memory by memory.
Gratitude Letter
Just say it, clearly.
Family Album
From all of us, in one place.
Friendship
friendship · loyalty, history, humor, belongingFriendship Anthem
Every friendship has a soundtrack.
Inside Jokes Vault
If you have to explain it, you are not in.
Friendship Letter
Say the quiet part, on purpose.
Proposal
romantic · anticipation, devotion, the question, foreverCinematic Proposal
Lead them to the moment, scene by scene.
The Question Vault
Earn each memory. The last one asks.
Proposal Letter
The words first. Then the question.
Anniversary pilot demos
Five complete, navigable experiences from one shared briefing (Lucas & Ana). Same theme, five different emotional products. Open them to compare.
Voice: elegant · Interaction: start the film
Different: scenes, title cards, credits
Plan: signature · /g/demo-anniversary-cinematic
Open demoVoice: nostalgic · Interaction: tune in + quiz
Different: host voice, episodes, equalizer
Plan: signature · /g/demo-anniversary-radio
Open demoVoice: deep · Interaction: unlock journey
Different: gates, earn each memory
Plan: signature · /g/demo-anniversary-vault
Open demoVoice: nostalgic · Interaction: open album, sticker
Different: polaroids, notes, tape
Plan: premium · /g/demo-anniversary-scrapbook
Open demoVoice: elegant · Interaction: open envelope
Different: silence, space, one letter
Plan: premium · /g/demo-anniversary-letter
Open demoThe brand
Moryou, read it as “more you.” Every gift carries more of the person, the story and the feeling.
Digital gifts made more you.
Not “use our AI tool.” The promise is emotional: turn memories into an interactive experience someone opens, explores and never forgets.
- Create a gift that feels personal.
- Not just a message. A journey.
- Your story, beautifully gifted.
Warm, confident, never saccharine. We speak like a thoughtful friend who happens to have great taste.
Calorosa e elegante. Emocional sem ser piegas. “Mais que uma mensagem. Uma jornada.”
Color
Sophisticated base: deep purple, lavender, night blue, warm off-white. Rose/coral are reserved for romance templates, never the platform identity.
Depth & atmosphere
The techniques that give Moryou emotional weight: layered glows, glass, grain, ambient particles and the immersive night surface used by gift sites.
Light atmosphere + glass
Used on landing, UI kit and create.
Immersive night + glass-strong
The surface every gift site lives on.
Made more you
Our song
December
Typography
Inter for interface clarity. Fraunces (serif) for emotional, headline and letter moments.
A gift made more you.
Turn memories into a journey.
Moryou turns your photos, words and music into a personal website, an interactive gift someone opens and explores.
Made with Moryou · moryou.app
For every moment
Create your gift
“I passed my whole life thinking you took care of me, and only now do I see you also taught me how to care.”
Components
The product kit, ready for real screens.
- Occasion
- Template
- 3Story
- 4Preview
Pick what you're celebrating.
Interactive Christmas Letter
Share your story
A few guided questions.
Our song
The one from that night
Scan to open the gift
moryou.app/g/demo-christmas-letter
Gift blocks
The building blocks of a generated gift site, shown in a device frame. These render the real components used on /g/[slug].
There's a letter waiting for you.
Scroll slowly. This one is yours.
From Mom & Dad → Helena
Dear Helena,
All the way from the North Pole, we see everything, including a little girl who was brave this year.
So this Christmas, we left something special under your tree.
With love, Mom & Dad
A few favorite moments
Our year
- March
No more training wheels
- December
This letter
Our soundtrack
Our song
December
One little secret
Type the name only our family calls you.
Which Christmas do you remember most?
Until Christmas morning
Your gift is here
Open it.
Merry Christmas.
Mom & Dad
One identity, many occasions
The platform brand stays sophisticated while each occasion gets its own atmosphere.
Ready to opine
Tell us what feels right and what to push further. This is the visual baseline we evolve from.
Temas, estilos e fundações
O sistema completo: cada tema tem estilos, cada estilo tem duração-alvo, demo navegável e formulário próprio.
Natal · 3 estilos
Ver piloto →Aniversário de Namoro · 5 estilos
Ver piloto →Aniversário · 3 estilos
Ver piloto →Dia das Mães · 3 estilos
Ver piloto →Amizade · 3 estilos
Ver piloto →Pedido de Casamento · 3 estilos
Ver piloto →Duração / pacing
Régua técnica de ~5 min por experiência. Cada estilo tem alvo, mínimo e máximo.
Ver durações →Asaas
Arquitetura de pagamento (Pix primeiro). Adapter e webhook prontos, faltam chaves.
Ver formulários →Do primeiro clique ao presente compartilhado
Real significa que persiste e funciona hoje. Mock significa que percorre tudo mas depende de chave externa (pagamento, IA). Ver docs/customer-journey.md.
/<l>CTAs para criar + demos/<l>/create?theme=&style=Form dinâmico por estilo/<l>/sign-upPedida no fim; respostas mantidas/<l>/create/reviewEstimativa + plano recomendado/<l>/checkout/<orderId>Asaas-ready; Pix dev-mock/<l>/gifts/<id>/generatingBlocos a partir do briefing/<l>/gifts/<id>/readyLink público, copiar, QR/<l>/dashboardPresentes + próxima ação