90 detail screens from 4 complete apps
One item, one person or one record: the facts and the action that goes with them. 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.
Daily mix
Spinback · MusicToday’s mix as a cassette, with play, a fresh mix and download.
Now playing
Spinback · MusicA spinning record, chunky controls with a pink shadow, and lyrics, queue, tape and devices.
Lyrics
Spinback · MusicBig lyrics on pink, the current line in white, the song bar below.
Artist
Spinback · MusicA round record for the artist, years and listeners, follow, and the most played.
Album
Spinback · MusicSquare art with a hard shadow, the year and length, and the tracks.
New mixtape
Spinback · MusicA C60 with turning reels, sides A and B, songs with grips and minutes left.
Label the tape
Spinback · MusicTitle, who it’s for, a shell colour and a sticker, shown on the tape as you go.
Share card
Spinback · MusicA card with the spinning record, four colours, and stories, link or message.
On a story
Spinback · MusicHow the tape looks in someone’s story, with play on Spinback.
A tape from a friend
Spinback · MusicRiya’s tape and her note, press play or save it.
How the trial works
Spinback · MusicToday, the reminder and the first charge on a timeline, with dates.
Help
Spinback · MusicSearch, the questions people ask, and a chat with its reply time.
New release
Spinback · MusicA followed artist’s new album, with play and add to a tape.
About this song
Spinback · MusicWriters, producer, release date and label in a sheet.
Reorder a side
Spinback · MusicA song lifted mid-drag with a pink line where it will land.
React to a tape
Spinback · MusicA sticker and a note back to the friend who made it.
Song of the year
Spinback · MusicThe top song on a spinning record, and when you played it.
Top artist
Spinback · MusicNumber one artist with your rank among their listeners, then 2 to 5.
Your era
Spinback · MusicThe year you lived in most, and a bar for each decade.
Share my year
Spinback · MusicThe card with stories, copy link and save image.
Drop the pin
Kitchenbell · Food & drinkA full map with the pin fixed in the middle, where the rider will come, how accurate it is and how many kitchens deliver there.
Address details
Kitchenbell · Food & drinkThe pinned map on top, flat and building fields, how to reach, Home / Work / Other and ordering for someone else.
Dish customiser
Kitchenbell · Food & drinkA steel spice dial and crispness swatches that work without code (CSS :has), live batch badge, add-ons.
Instructions
Kitchenbell · Food & drinkQuick chips for the rider, a free note, and a note per kitchen.
Report a problem
Kitchenbell · Food & drinkPick the items and what happened; missing items are refunded without proof.
Add a photo
Kitchenbell · Food & drinkAn optional photo and note, and exactly what comes back and where.
Support chat
Kitchenbell · Food & drinkA person explains what went wrong and offers the refund right in the chat: wallet now or bank later.
Terms of use
Kitchenbell · Food & drinkFour plain lines first, then the terms in short sections.
Chat with the rider
Kitchenbell · Food & drinkMessages translated from the rider’s language, quick replies for gates and floors, and a private number.
Order receipt
Kitchenbell · Food & drinkEvery item with the choices you made, the bill, the UPI reference, GST invoice and reorder.
Cancel this order?
Kitchenbell · Food & drinkWhat you get back and when, the reason, and asking the rider first when it’s only running late.
Rate your meal
Kitchenbell · Food & drinkAfter delivery: the dish photo, a three-step rating per dish, what stood out, and a tip that all goes to the rider.
Your number, explained
Ravel · FinanceThe whole sum behind safe to spend: balance minus rent, bills, goals and the cushion.
Stop a subscription
Ravel · FinanceThree honest steps: pause the autopay here, an email written for you, and the money back in your number.
Food & drink
Ravel · FinanceWeekly bars against the pace line, what’s left per day, and the places it went.
Month, wrapped
Ravel · FinanceSeptember on one dark card: what you kept, four numbers, one win and one thing worth a look.
Can I afford it?
Ravel · FinanceThree honest answers: not safely today, easily after payday, or as a goal with nothing borrowed.
Goal detail
Ravel · FinanceThe photo fills like a jar; every payment into it listed, with add and take out.
Report a problem
Ravel · FinanceThe payment on top and four plain reasons; most are refunded automatically, and it says so.
Help
Ravel · FinanceYour open case first, the common questions, and a chat button with the real reply time.
Support chat
Ravel · FinanceA named person, the case card inline, and a typing indicator.
Payment detail
Ravel · FinanceA photo of the place, one useful insight, category chips, split, receipt and a calm way to report a problem.
Recovery
Vela · Health & fitnessThe week as coloured bars, today lit, and the four things that made the score, each a tap deeper.
Heart rate variability
Vela · Health & fitnessThe number big, a two-week line over your normal band, and what HRV means in two sentences.
Resting heart rate
Vela · Health & fitnessThe night as a falling line with the lowest point pinned, when it dropped, and your 30-day range.
Breathing rate
Vela · Health & fitnessA breathing circle at the real pace, your range as a bar, and why a jump is an early warning.
How recovery works
Vela · Health & fitnessThe weighting as one stacked bar, the three colour bands, and that it’s only ever you vs. you.
Sleep
Vela · Health & fitnessHours asleep against need, performance and consistency rings, and taps to stages, need and bedtime.
Sleep stages
Vela · Health & fitnessA hypnogram across the night and what each stage does, with time and share.
Sleep needed
Vela · Health & fitnessWhy last night needed 8:10: baseline plus strain plus debt minus the nap, as a sum.
Bedtime plan
Vela · Health & fitnessA 24-hour dial with tonight’s window, the time to be in bed, and a wind-down nudge.
Sleep debt
Vela · Health & fitnessThe week’s shortfall hanging from the top, and how many extra minutes clear it.
Strain
Vela · Health & fitnessA half gauge to 21 with today’s target band, how far off it you are, and what added to it.
Workout summary
Vela · Health & fitnessStrain added, four headline numbers, the heart-rate line and minutes in each zone.
Coach answer
Vela · Health & fitnessThree reasons in plain words, each linked to the night or workout it came from.
Plan my week
Vela · Health & fitnessSeven days, hard days after the best nights, each dot coloured by effort.
What Coach can do
Vela · Health & fitnessCan and won’t, side by side: a training partner, never a diagnosis.
Week vs week
Vela · Health & fitnessPaired bars for five numbers, with the change coloured only when it’s better.
What moves recovery
Vela · Health & fitnessEach habit’s effect on next-morning recovery, good and bad, marked as patterns not proof.
HRV over 6 months
Vela · Health & fitnessSix months of HRV with the two life changes that bent the line.
Weekly report
Vela · Health & fitnessA green-lit cover, three week rings, and the one biggest win.
Next week’s change
Vela · Health & fitnessJust one change for next week, with the dips that justify it.
Health monitor
Vela · Health & fitnessFive vitals, each a dot inside its own normal band, so off-range is visible at a glance.
Stress
Vela · Health & fitnessThe day as coloured bars peaking at 3 pm, and a 2-minute breathing session.
Cycle
Vela · Health & fitnessA 28-dot ring coloured by phase, today’s dot large, and how the targets adapt.
Invite
Vela · Health & fitnessA big invite code, share or copy, and friends who already have a band.
Share card
Vela · Health & fitnessToday’s three rings on a card, in three styles.
Your band
Vela · Health & fitnessThe band in a soft glow, battery as a filling bar with days left, firmware and find my band.
Help
Vela · Health & fitnessSearch, the five most-asked questions linked to the right screens, and a person in 3 minutes.
Privacy sheet
Vela · Health & fitnessA bottom sheet over sign-up: four plain promises, before any legal text.
Insight sheet
Vela · Health & fitnessTap the insight: a sheet with the two-week line inside your normal band and a next step.
Week against week
Vela · Health & fitnessPaired bars for each day, this week green against last week grey.
Share a metric
Vela · Health & fitnessA card with the change only, never the raw number, and four ways to send it.
Sleep · poor night
Vela · Health & fitness5:12 of 8:20 in red, consistency low, and the late bedtime that caused it.
Sleep stage explained
Vela · Health & fitnessA sheet on deep sleep: what it does and your typical range, with tonight marked.
Sleep consistency
Vela · Health & fitnessFourteen nights as dots, the two misses ringed red, and your bedtime hour.
Heart rate zones
Vela · Health & fitnessA sheet with your five zones in bpm and where your max came from.
Route map
Vela · Health & fitnessThe route draws itself over a dark street grid, with the ends hidden when shared.
Answer with a chart
Vela · Health & fitnessStrain outrunning recovery as two lines inside the answer, a source chip, and feedback.
Blood oxygen
Vela · Health & fitnessA night inside its normal band, what it shows, and that it can’t diagnose.
Share sheet
Vela · Health & fitnessThe system share sheet over the card, people first, then apps.
Help article
Vela · Health & fitnessA plain answer about water, one tip, and a person if it didn’t help.
Support chat
Vela · Health & fitnessA named person online, a case card in the thread, and typing dots.
Side by side: one detail screen from each app
More patterns
Questions
Can I use these detail 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 detail screens are there?
90 today, across 4 apps. Each new app adds its own.