Sampled from 3 of 健行校园's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#F4F4FC bg
#D6D6DD
#1C4CCC accent
#111111 text
Reading the caption text from the screenshots in your browser…
健行校园是一款面向高校师生的校园运动与健康服务 App,帮助用户更方便地完成校园跑步、查看运动记录和了解校园相关信息。 【校园跑步】 基于 GPS 记录运动轨迹,展示跑步距离、运动时长、配速等数据,帮助用户了解每一次运动表现。 【运动记录】 自动保存跑步记录,支持查看历史运动数据,方便用户掌握自己的运动情况,逐步养成规律运动的习惯。 【成绩查询】 根据学校开通的功能,提供校园运动成绩及相关数据查询服务,帮助学生及时了解完成情况。 【校园服务】 根据所在学校提供相应的校园通知、活动信息和服务入口,为高校师生提供更加便捷的校园使用体验。 【学校专属服务】 用户可以选择所在学校,使用对应的学校服务和登录方式。不同学校开放的功能可能有所不同,具体以学校实际配置为准。 健行校园致力于让校园运动更加简单、清晰、有记录,帮助高校师生积极参与运动,享受健康校园生活。
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 3 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 with one background colour (#F4F4FC) 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, #1C4CCC, 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 Sports apps approach the same problem? Browse more Sports 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.