Chart position — tracked daily by LaunchShots
Screenshot style breakdown
Sampled from 5 of 雨课堂's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#ECF4FC bg
#CFD6DD
#343C6C accent
#111111 text
Screenshots
iPad screenshots
Icon palette
About this app
雨课堂是清华在线教育办公室与学堂在线共同研发的智慧教学工具。雨课堂源自一线教研成果，覆盖线上线下教学场景，创新引领课堂革命、全景式采集数据，驱动教学探微，让你享受更轻松活跃的教与学。 灵活的课前学习：丰富的教学资源轻松插入幻灯片，学生手机即可观看学习； 快捷的课上课下测验：一键发送融入PPT的习题，随时讲，随时测； 创新的师生互动：弹幕、投稿、课堂红包、随机点名，大班教学也能人人都发言； 全景的数据驱动：提供全周期的教学数据分析，课前-课堂-课后，每一步，都看得见！ 雨课堂承诺： 1. 承诺不对学前儿童直接提供服务、不向中小学生提供校外学科类培训服务，不为违规学科培训提供服务。 2. 承诺仅面向学校或者教育行政部门提供服务，不对社会机构和个人提供服务。
App details
What you can learn from 雨课堂
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 11 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 (#ECF4FC) 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, #343C6C, 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.