Sampled from 6 of 天気予報 - 気象庁 -'s App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#B4E4F4 bg
#9EC8D6
#3CACFC accent
#111111 text
Reading the caption text from the screenshots in your browser…
【概要】 全国のリアルタイム雨雲情報!! 現時間から3時間毎に 2日先までの天気情報が目視できます! 雨雲の動きがマップで分かりますので、雨雲が近づいているから雨が降りそうか?など予報としても活用する事が出来ます。 地図中心地点から1日の天気情報も分かりますので、朝一の天気確認に便利! 気象庁(気象庁Webサイト、XRAINサイト)等の天気予報、週間天気予報、アメダス(気温、降水量、積雪)、高解像度降水ナウキャスト、 レーダーナウキャスト、落雷情報、雨量情報、全国のお天気・気温、気象警報注意報、台風情報、ゲリラ豪雨など、 簡単・便利に確認できることを目的としたアプリです ※雨足の強さまで把握することが可能です。 ・水色や青色の雨雲はパラパラのような雨 ・赤色の雨雲は土砂降りのような雨 【主な機能】 ・全国のリアルタイム雨雲情報 雨雲 降水量 天気 気温(熱中症情報) 積雪量 ・中心地点の天気情報 ・全国の河川情報 ・本日の天気情報 ※本日の天気で表示している情報は「場所」「本日の天候」「降水確率」になります…
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 #B4E4F4) — each image has to stand on its own, so the captions carry more of the story. The accent colour we picked up, #3CACFC, 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.