Chart position — tracked daily by LaunchShots
Screenshot style breakdown
Sampled from 6 of Mockup - UI/UX Design's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#FCFCFC bg
#DDDDDD
#B474FC accent
#111111 text
Reading the caption text from the screenshots in your browser…
Screenshots
iPad screenshots
Icon palette
About this app
Mockup helps you sketch, wireframe, and prototype apps and websites across iPad, iPhone, and Mac. Built specifically for UI/UX design and Apple Pencil, Mockup combines a flexible canvas with reusable UI elements and interactive prototypes in one seamless workflow. Featured by Apple and recognized as App of the Day, Mockup is trusted by 500,000+ designers, developers, and product teams worldwide to sketch and wireframe interfaces faster. Design interfaces for mobile, tablet, desktop, watch, TV, and the web. - Sketch naturally with Apple Pencil using versatile drawing tools and a complete color palette. - Work with 45+ device frames in portrait and landscape. - Draw perfect shapes with Shape Detection and Snap to Grid for cleaner layouts. - Write and edit text directly on the canvas using Scribble. - Customize grids, frames, and backgrounds to match your workflow. Build Better Wirefra…
App details
What you can learn from Mockup - UI/UX Design
Every shipping app on the App Store has gone through the same decisions you're working through right now: which screenshot goes first, what caption sits over it, which device frame to show, what color the background should be. The 20 screenshots above are Mockup - UI/UX Design's answers to those questions — they're public, they're real, and they made it through Apple's review.
What the numbers say: Mockup - UI/UX Design runs a mixed light-and-dark set where the background shifts from screenshot to screenshot (first shot #FCFCFC) — each image has to stand on its own, so the captions carry more of the story. The accent colour we picked up, #B474FC, is the one to reuse for badges, arrows and highlighted words if you borrow this look. Hit Use this style to open the editor with these exact colours and drop your own screenshot in.
Notice the first screenshot in particular. It's the one users see in search results and on the product page, and it's where most apps spend their best caption and tightest design. Look at the proportion of background to phone, where the text sits, what one thing the image is trying to communicate.
Want to see how other Graphics & Design apps approach the same problem? Browse more Graphics & Design apps in the showcase.
Take what works into your own screenshots
Open LaunchShots and design your App Store & Google Play screenshots — pick a device frame, drop captions, ship in minutes. Free, in your browser.
Open the screenshot editor →Apps with a similar look
Closest background + accent colours among the listings we've analysed — useful when you want to see the same palette handled by a different team.