Screenshot style breakdown
Sampled from 6 of Knockノック-英語・数学の問題を解いてくれる勉強アプリ's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#F4F4F4 bg
#D6D6D6
#7CF48C accent
#111111 text
Screenshots
Icon palette
About this app
手元の問題や文章を写真に撮るだけ！ ◆中学・高校・大学生の勉強に！◆ ◆わからない問題のヒント解説を瞬時に教えてくれるスマホアプリ◆ ◆文章題や入試問題レベルにも対応◆ ◆英語翻訳・ワンタップ単語調べ機能付き、どんな翻訳アプリよりも使いやすい◆ ◆大学受験や定期テスト対策のタイパを上げたい高校生に◆ ◆東大卒チームが開発した信頼の出来るアプリ◆ 24時間365日、Knock（ノック）を使ってもっと勉強を楽にしよう！ ◆こんな人にオススメ ・定期テストでいい点数・いい順位が取りたい人。 ・宿題を早く終わらせたい人。 ・受験に向けてしっかり勉強したい人。志望校に合格したい人。 ◆こんな時に使えます ・英語の勉強中… - 単語調べ・和訳が大変で、宿題が終わらない。 - 文章の構造が理解できない。 - 英作文の添削をしてほしい。 ・数学の勉強中… - 手元に解説がない、または解説がわかりづらい。 - 問題が難しくて進まない、ヒントがほしい。 ・その他どんな科目でも… - 先生や友達にすぐに聞けない。ネットで調べるのも面倒だ。 - 知りた…
App details
What you can learn from Knockノック-英語・数学の問題を解いてくれる勉強アプリ
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 6 screenshots above are Knockノック-英語・数学の問題を解いてくれる勉強アプリ's answers to those questions — they're public, they're real, and they made it through Apple's review.
What the numbers say: Knockノック-英語・数学の問題を解いてくれる勉強アプリ runs a light set with one background colour (#F4F4F4) carried across every screenshot — the listing reads as a single poster when the shots sit side by side in search results. The accent colour we picked up, #7CF48C, 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 Education apps approach the same problem? Browse more Education 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.