19 empty state screens from 4 complete apps
Nothing here yet: screens that explain why it's empty and give the one step that fills it. 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.
First visit
Spinback · MusicA mix made from the onboarding picks, and nothing played yet.
No results
Spinback · MusicA sad cassette, a did-you-mean, and hum it instead.
Year not ready
Spinback · MusicIt arrives on 1 December, with a reminder until then.
Nothing saved
Kitchenbell · Food & drinkA beating heart and one line on why saving helps, with a way back to browsing.
No orders, at dawn
Kitchenbell · Food & drinkTime-aware: at 7 am the stoves are just lit and the first batch is minutes away.
Late night
Kitchenbell · Food & drinkAt 12:40 am, everyone's asleep except one kitchen, so the screen offers exactly that one.
No search results
Kitchenbell · Food & drinkKeeps the query, suggests what neighbours order instead and offers to clear filters.
Empty cart
Kitchenbell · Food & drinkA short reason, a way back to browsing and a one-tap order-again row.
All caught up
Kitchenbell · Food & drinkCalm confirmation that nothing is waiting, with a link to notification settings.
No bank linked
Ravel · FinanceCoins drop into a jar while it explains what Ravel can and can’t read.
Signed out
Vela · Health & fitnessEmpty rings, and the reassurance that the band keeps 3 days until you’re back.
Learning your normal
Vela · Health & fitnessBefore the first score: a grey ring counting nights, and what already counts.
Today · no sleep recorded
Vela · Health & fitnessAn empty ring, why (band off from 11:05 pm), and two ways forward.
HRV still learning
Vela · Health & fitnessTwo of four nights filled, with the first two readings shown.
Trends · not yet
Vela · Health & fitnessA dashed ghost chart and seven nights, three filled, until trends start.
No teams yet
Vela · Health & fitnessThree dashed faces, what a team sees, create or join with a code.
Side by side: one empty state screen from each app
More patterns
Questions
Can I use these empty state 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 empty state screens are there?
19 today, across 4 apps. Each new app adds its own.