Preview image guidelines
Every upload needs a preview · reviewed by hand before it goes live
VP0 is a wall of beautiful iOS app designs, and the preview image is the whole experience. It is the tile people see on the feed, the cover on your design's page, and the still that plays before the live simulator.
Because the preview carries so much, a real one is required on every upload, and each is reviewed and approved by hand before it goes live. Follow these and approval is quick.
The numbers
- Shape
- Portrait, 5:9 (an iPhone screen). Same shape as every tile on the wall.
- Minimum size
- 736 x 1308 px
- Recommended size
- 1290 x 2322 px (crisp on retina, matches a modern iPhone screen)
- Format
- PNG, JPG, or WebP
- Color
- Full color. We re-encode to WebP and AVIF for you, so upload the highest quality you have.
Do
Show the real screen
Upload an actual screen of your app, edge to edge, exactly as it looks running on an iPhone. This is what people see first, so make it your best screen.
Fill the frame
The design should reach all four edges. No browser chrome, no desktop window, no laptop or phone-in-hand mockup around it. The tile IS the phone.
Lead with your strongest screen
Pick the screen that looks most beautiful and most clearly says what the app is. You can add more screens in the gallery below the cover.
Respect the safe areas
Keep important content out of the very top (status bar / notch) and very bottom (home indicator) so nothing gets clipped behind a device frame on the detail page.
Don't
No watermarks or logos
No overlaid watermarks, signatures, store badges, or promo banners across the screen.
No marketing text added on top
Don't paste headlines, arrows, or ad copy over the screen. The UI in the screen is fine; added marketing text is not.
No borders, frames, or padding
Don't add rounded device bezels, drop shadows, colored borders, or empty margins. Upload the clean screen and we frame it where it makes sense.
Nothing against the rules
No nudity or sexual content, hate, gore, or anything illegal. Designs that break this are rejected.
No bait
The preview must match the actual app. A gorgeous cover that has nothing to do with the design will be rejected.
Tip: the cleanest previews are simply a high-resolution screenshot of your app running on an iPhone simulator, with no editing at all.
What runs in the live preview
Designs are React Native and run live in the browser (via react-native-web) in a sandbox. Here is what the live simulator supports today. Anything that needs a real device still uploads fine, it just shows your cover instead of a live run.
- React Native core: View, Text, ScrollView, FlatList, Pressable, Image, TextInput, Animated, StyleSheet, and the rest
- react-navigation: native-stack + bottom-tabs (real screens, params, headers, tab bar)
- react-native-svg and lucide-react-native icons
- react-native-safe-area-context (real device insets)
- expo-linear-gradient, expo-blur, expo-image, expo-status-bar, expo-font, expo-haptics
- AsyncStorage
- react-native-reanimated: settles to the final animated state (no live motion)
- react-native-gesture-handler: renders, gestures are inert
- @expo/vector-icons / react-native-vector-icons: placeholder glyphs (use lucide for real icons)
- react-native-screens
- Camera, maps, Bluetooth / NFC, location / sensors, biometrics, push notifications, in-app purchases, and other native-only modules