The evening begins
Use a slow wave on the wind-down screen, before the person starts their chosen routine.
MADE WITH MASKO STUDIO
Sleep app mascots.The day can wait.
Give a bedtime routine a gentle companion. A sleepy character can welcome someone into the evening without asking for another task to complete.
Start with an idea. Or animate a character you already have.
MEET MILO
Your sleep
Last night ▾TIME ASLEEP7h 48m
Sleep score 89 · Good
Milo
Sleep stages
11:12 PM7:00 AM
Deep1h 24mREM1h 52mLight4h 32m
Tonight’s wind-down10:30 PM · Gentle rain
GIVE THE CHARACTER A REASON TO BE THERE
Three moments for a little personality.
Ideas for your sleep app. Connect each reaction to the moment it belongs to.
A routine selected
Settle into an idle pose while the app shows a story, sound, or breathing option. Let motion stop when playback begins.
A gentle goodnight
End with a small yawn or a resting pose. Keep any end-of-session action optional and easy to dismiss.
SMALL CHARACTER. THOUGHTFUL DETAILS.
Make it feel at home.
Design for dim screens first: a readable silhouette, low-contrast details, and slow gestures. Avoid flashes, sudden entrances, and celebrations that make the screen feel more alert.
Explore mascot animation →AN ANIMATION PROMPT TO TRY
The mascot gives one small sleepy yawn, lowers its shoulders, and settles into a relaxed resting pose. Slow, subtle movement, no flashes, fixed camera.
Use this with your character in Studio. Review the result before adding it to your app.
FROM IDEA TO APP
Create it. Animate it. Put it to work.
Give it a personality
Adapt the brief below to your app, or upload your existing mascot in Studio.
Make a first reaction
Start with one useful animation, such as the evening begins. Check the character’s movement against your actual interface.
Connect it to your app
Export the assets and use your app’s events to control playback. Keep a still option for reduced motion.
Explore the API and docs →YOUR APP. YOUR LITTLE CHARACTER.
Start with a brief.Make it your own.
This is the starting idea behind Milo. Edit it for your product, then take it into Masko Studio.
THE LITTLE DETAILS
A few questions.
we were hoping you’d ask.
Will a sleep mascot help people sleep better?
A mascot is a design element, not a sleep treatment. Use it to express the tone of your app, then test whether people find it calming or distracting. Offer a still or hidden option.
Can I animate a mascot I already have?
Yes. Upload your own character in Masko Studio, then create animations from it. You can also start with a description to create a new mascot for your app.
How do I put the mascot into my app?
Create the character and animations in Masko, then export the assets for your app or website. Your app controls when each animation plays. Developers can also use the Masko API to create and manage assets.
Read the developer documentationIs this a real customer app?
Soft Landing is a fictional app built to demonstrate an original Masko character. The preview is a design example, not a customer testimonial or a claim about retention.
More apps.A little more character.
Pick an app. Meet its mascot.