16 home screens from 4 complete apps
The screen people open the app for: what changed, what's next and the one thing to do now. Open any screen in its journey, compare how each app handles it, and use the one you like as the start of your own design.
What era tonight?
Spinback · MusicEra chips, a now-spinning card with the cassette, songs back in rotation and the mini player.
Late night home
Spinback · MusicAfter 11 the home turns navy: slow jams, a sleepy mascot and the sleep timer.
Home feed
Kitchenbell · Food & drinkTime-aware greeting, “on the tawa right now” live batches with portions left, and your usual for this time of week.
Home loading
Kitchenbell · Food & drinkA shimmer skeleton in the exact shape of the home screen, with one line of what’s happening.
Today
Ravel · FinanceA needle shows what’s safe to spend today, with what’s already set aside and the week in plain sentences.
Low recovery day
Vela · Health & fitnessA red ring, the three reasons in one line, and a plan for a better day.
Coach
Vela · Health & fitnessA slow-turning orb, four questions to start with, and a composer that answers from your own data.
Team
Vela · Health & fitnessFive faces, today’s moments with a cheer each, and a board ranked by consistency.
Today · steady day
Vela · Health & fitnessA yellow 52%: keep it steady, a lower strain target, and the hour of sleep that caused it.
Today · evening
Vela · Health & fitness9:10 pm: the day’s strain landed, and tonight’s bedtime to keep tomorrow green.
Rest day
Vela · Health & fitnessA red morning where Coach has already swapped intervals for a walk.
Check-ins skipped
Vela · Health & fitnessToday with a gentle amber card about two skipped check-ins.
Trial ending
Vela · Health & fitnessA gold banner on Today two days before the trial converts.
Home screen widgets
Vela · Health & fitnessA large three-ring widget and two small ones, recovery and bedtime, among the apps.
Lock screen widgets
Vela · Health & fitnessThree small rings under the clock: recovery, strain and bedtime.
Today
Vela · Health & fitnessRecovery as one ring and one sentence, strain and sleep tiles, and why it’s high today.
Side by side: one home screen from each app
More patterns
Questions
Can I use these home screens in my own app?
Yes. Use this screen puts one in a new SketchXFlow project with your app's name in its words, where you can change every word and part of it, then copy it to Figma or export the code. It's free with an account, three screens a day.
Are these real apps?
They are complete sample apps made for SketchXFlow Inspiration (Spinback, Kitchenbell, Ravel, Vela), with every step of the journey drawn, including errors and empty states. Their names, people and prices are made up.
How many home screens are there?
16 today, across 4 apps. Each new app adds its own.