Screenshot style breakdown
Sampled from 6 of お天気JAPAN - キキクル通知の気象庁公認天気アプリ's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#3C3C7C bg
#57578E
#64B4A4 accent
#FFFFFF text
Screenshots
iPad screenshots
Icon palette
About this app
お天気JAPANは、普段から楽しくアプリを利用しながら、いざという時には防災・減災に活用できる、これまでにない新しい天気予報アプリです。普段は、かわいいキャラクターのイラストやARで天気予報を楽しく確認でき、大雨や地震などの災害時にも、詳細な防災情報や通知機能で防災にも活用できます。 ■アプリの特徴 【防災に役立つ・大雨危険度通知（気象庁公認）】 ・あなたの場所が大雨による災害（土砂災害・浸水害・洪水害）発生の危険が高まったら、プッシュ通知で瞬時にお知らせし、避難が必要かどうかがいちはやく判断できます。 ・そのほか無料でたくさんのプッシュ通知を用意しています。雨の接近、雷や竜巻、地震速報、警報注意報、台風情報、熱中症危険度など、最新の防災情報が瞬時に届きます。 【無料で使える・高精度の天気予報】 ・今日明日の天気だけでなく、紫外線指数、洗濯指数、体感寒さ指数など毎日の暮らしに役立つ情報が満載。 ・雨の降りはじめや降り終わり、雨の強さやピークがひと目でわかる高精度な雨の予報。 お出かけやお洗濯時にチェ…
App details
What you can learn from お天気JAPAN - キキクル通知の気象庁公認天気アプリ
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 9 screenshots above are お天気JAPAN - キキクル通知の気象庁公認天気アプリ's answers to those questions — they're public, they're real, and they made it through Apple's review.
What the numbers say: お天気JAPAN - キキクル通知の気象庁公認天気アプリ runs a mixed light-and-dark set where the background shifts from screenshot to screenshot (first shot #3C3C7C) — each image has to stand on its own, so the captions carry more of the story. The accent colour we picked up, #64B4A4, 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.
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.