A session started
A short ready-to-work gesture can mark the start, then settle into a still or subtle idle.
MADE WITH MASKO STUDIO
Focus app mascots.One thing, finished.
A focus companion should know when to stay quiet. Give your timer a determined little character for starting a session, taking a break, and finishing one thing.
Start with an idea. Or animate a character you already have.
MEET THEO
FocusShort breakLong break
SESSION COMPLETE25:00
Theo
Finish project proposal
Take a 5 min break 3Sessions today75mTime focused
GIVE THE CHARACTER A REASON TO BE THERE
Three moments for a little personality.
Ideas for your focus app. Connect each reaction to the moment it belongs to.
Time for a break
Use a gentle stretch when the timer actually finishes. Keep controls for extending or skipping the break accessible.
A task completed
A satisfied nod can acknowledge a checked-off task. Avoid turning a moment of completion into another distraction.
SMALL CHARACTER. THOUGHTFUL DETAILS.
Make it feel at home.
Make the resting pose work as a still image. Keep active-session movement minimal and place the timer above the character in the visual hierarchy. Save expressive gestures for the edges of a session.
Explore mascot animation →AN ANIMATION PROMPT TO TRY
The mascot finishes concentrating, sits back, stretches gently, and gives a satisfied nod. Return to the starting pose with a 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 a session started. 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 Theo. Edit it for your product, then take it into Masko Studio.
THE LITTLE DETAILS
A few questions.
we were hoping you’d ask.
How do I use a mascot without making a focus app distracting?
Keep it still during the timed work interval and animate it at the start or end. Include a motion control and connect reactions to the timer’s actual state instead of playing a constant celebration loop.
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?
One Thing 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.