Mockups
Work that has to be seen before it is shipped — store listings, launch pages, anything whose whole job is how it looks to somebody who has never heard of us. Each page is the content itself, printed whole: the fields to paste into the console, and the image files to upload beside them.
App store listings
Every field the console asks for, plus the screenshots at the exact sizes each store requires.
Name, subtitle, promotional text, keywords, the full description, privacy nutrition labels and review notes — every field printed whole, with nine 6.9-inch screenshots and the Family Controls and out-of-store-payment flags called out.
Store listing, data safety, content rating and the five policy declarations this app actually needs — accessibility service, background location, foreground service types, device admin and payment outside Play.
Where the screenshots come from
So the next person doesn't have to work it out.
- iPhone — the app built for the simulator against a local server, signed in as a demonstration account seeded with rules, time limits, habits and day counters, captured on an iPhone 17 Pro Max at 1320 × 2868 (the one size Apple requires).
- The break screen — its four faces (a rule block with the feeling check-in, a
mission stray, the forced break and the Every Use gate) rendered from the Safari
extension's own
blockscreen.js, so they are the shipping screen rather than drawings of it. - Android — the app on an emulator against the same account, captured at 1080 × 2400 and composed into 1080 × 1920 frames. The emulator's status bar is cropped and each frame is scrolled to a different part of the screen; nothing inside the app is retouched.
- The frames — caption, background and device edge are drawn in HTML with the dashboard's own tokens, so a listing looks like the product it is selling. The set is picked for variety: a gallery of nine list screens tells a shopper nothing.