Chart position — tracked daily by LaunchShots
Screenshot changes — detected by LaunchShots
Screenshot style breakdown
Sampled from 6 of html+css+js+node+programming's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#3C1C4C bg
#573B65
#745484 accent
#FFFFFF text
- #1Write HTML by hand. Watch it come alive. Code on top, the page underneath, redrawing as yo
- #2Areal editor, and a real keyboard. Tap into the code and type. Syntax colouring, line
- #3See the page, not a guess. The preview runs your site off a real local server.
- #4Your server, built in. FTP, FTPS and SFTP. Set the connection up once, then
- #5A CSS designer in your pocket. Every selector in the file, every declaration, editable
- #6Every tag in its colour. HTML, CSS, JavaScript and PHP, with find and replace
Captions read from the screenshots (OCR, may contain small errors): 6 headlines, 15 words on average (longest 17), 50% speak to "you".
Screenshots
iPad screenshots
Icon palette
About this app
HTML Designer is a complete web workshop for iPhone and iPad: write the code, watch the page render beside it, then publish straight to your own server. WRITE THE CODE • A real code editor, with syntax colouring for HTML, CSS, JavaScript and PHP • Line numbers, re-indent, find and replace, and find across the whole project • Snippets with trigger keys: type a short key, press Tab, get the block • An HTML validator that lists what is wrong and takes you to the line SEE IT AS YOU TYPE • The preview serves your site from a real local web server, so relative links, images, stylesheets and scripts behave exactly as they will online • PHP pages render through that server too, and Markdown files get a properly rendered preview • Code, Split or Preview — panes side by side or stacked, whichever suits the screen • Inspect: tap an element in the preview and land on its tag in the source • Edit …
App details
What you can learn from html+css+js+node+programming
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 html+css+js+node+programming's answers to those questions — they're public, they're real, and they made it through Apple's review.
What the numbers say: html+css+js+node+programming runs a dark set with one background colour (#3C1C4C) 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, #745484, 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 Developer Tools apps approach the same problem? Browse more Developer Tools 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.