Screenshot style breakdown
Sampled from 6 of MindNode: Mind Map & Outline's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#FCFCFC bg
#DDDDDD
#4C94C4 accent
#111111 text
Screenshots
iPad screenshots
Icon palette
About this app
Din hjärna tänker inte i raka linjer. MindNode tvingar dig inte heller. Fånga spridda tankar, koppla ihop dem i en tankekarta och gör dem till en tydlig disposition, plan eller projektstruktur. ANPASSAD FÖR ALLA SÄTT ATT TÄNKA • Personlig produktivitet: organisera din vecka, följ livsmål och planera nästa semester • Studenter och lärare: skapa studieguider, sammanfatta föreläsningar och planera uppsatser • Yrkesverksamma: visualisera projektplaner, förbered mötesagendor och planera strategier • Kreatörer och författare: disponera din roman, planera innehållskalendern och utveckla kampanjidéer TÄNK: UTFORSKA OCH FÅNGA • Tankekartor: förgrena, gruppera och låt idéer växa fritt på en oändlig yta • Dispositionsvy: växla till en strukturerad, hierarkisk lista när ett linjärt flöde hjälper • Live-samarbete: brainstorma med andra i realtid och håll er alltid synkade FÖRTYDLIGA: STRUKTURERA …
App details
What you can learn from MindNode: Mind Map & Outline
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 MindNode: Mind Map & Outline's answers to those questions — they're public, they're real, and they made it through Apple's review.
What the numbers say: MindNode: Mind Map & Outline 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, #4C94C4, 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 Productivity apps approach the same problem? Browse more Productivity 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.