Sampled from 6 of 福島県防災アプリ's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#FCFCFC bg
#DDDDDD
#045C44 accent
#111111 text
Reading the caption text from the screenshots in your browser…
「福島県防災アプリ」は福島県の公式防災アプリです。 現在地周辺の指定避難所・指定緊急避難場所や詳細が表示され、ARカメラ機能や避難コンパス機能で災害時の避難行動を支援します。 また、土砂災害警戒区域や洪水浸水想定区域、津波浸水想定区域などのハザードマップも表示されますので、現在地の危険性を確認できます。 さらに、避難情報や気象警報など、各種防災情報をプッシュ通知でお知らせします。 ふくしまマイ避難ノートなどの防災ガイドブックを閲覧でき、日頃から一人一人が自分に合った適切な避難行動について考え、備える「マイ避難」について学べます。 また自分に合った避難計画「マイ避難シート」の作成も簡単に行えます。 「福島県防災アプリ」は、福島県内だけではなく全国各地で利用でき、地図表示はオフライン時でも利用できます。 【主な機能】 ・現在地周辺の指定避難所、指定緊急避難場所の自動検索 ・土砂災害警戒区域、浸水想定区域などのハザードマップ表示 ・現在地の防災情報や危険性情報の表示 ・ARカメラ機能、避難コンパス機能 …
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 10 screenshots above are 福島県防災アプリ's answers to those questions — they're public, they're real, and they made it through Apple's review.
What the numbers say: 福島県防災アプリ runs a light 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, #045C44, 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 Weather apps approach the same problem? Browse more Weather apps in the showcase.
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 →Closest background + accent colours among the listings we've analysed — useful when you want to see the same palette handled by a different team.