Preparing your own designs? Please provide design assets in PNG (for best results) or JPG format,
based on the size recommendations below
...more »
If you aren’t already familiar with App, Mobile or high resolution
design - everything is at least twice as big (ie. 2X), so when it’s rendered on a device/phone it
can be shown at half the size (sort of compressed), thus making more information (dots, pixels, points)
per inch. So just make sure your images follow the size guidelines below and your Apps will look great!
Custom UI Elements
If you would like your own buttons to be added or elements, then provide them as separate/individual
PNG files (with transparency on, if it applies). And if it is an element you would like us to create
in the App UI, then provide us with the UI dimensions, like #XXXXXX = color, RGB = transparency,
border-radius, element height, width, etc.
12 Main Image Assets (for every app)
Apple App Icon - 1024x1024
Splash Screen - 768x1366
4 Slides - 768x1366
Content Image - 768x563
Logo Slim - 438x78
Menu Logo - 600x350
Action Link - 370x68
Google Play App Icon - 512x512
Google Play App Banner - 1024x500
Content Image - By default we make 1 content image for the top of each content page
(ie. About, FAQ, Contact, etc.), but you can make a unique one
for every content page if you so desire.
4 Slides - The 4 slides typically contain 4 graphic elements: 1) BG image, 2) Logo, 3) Text and 4) Shadow/Gradients
You do not have to design the buttons, but can if you want to. They’re already programmed into the source of the app, so
we just need to know the background color, text color and text of the button.
Additional Info on Graphics - If a project requires more specific branding and design and has the budget,
then the entire button (and any other elements)
can be created graphically and provided to us. In addition, you can provide us with the TTF file for any font-family
and we will install it into the source assets of the app and then all the text that is added at the "app" level will be the chosen
font-family, otherwise our typical default font is Avenir-Light.
Mobile App Icon
1024x1024px
yes, App Icons are obnoxiously big - not our fault! : )
Full Size Screen(s)
768x1366px
Splash Screen 768x1366
Full Screen 768x1366
Content Image (Top) 768x563*
Gallery (see note at bottom)
Zoomed Screen Img 768x1366
Categories Image (see below)
Category BG Img 768x300px (300px tall or less; font:60px)**
Top Img 768x312 / Features (Coming Soon) & Case Studies Img 768x563 (crops middle 398x524)
Features (Existing) Img 460x180
Schedule Images 645x363
Google Play Store (Featured Image) 1024x500px
The Featured Image is shown here:
A Few More...
Content Font-Size (recommended): 17px with line-height of at least 22px;
then up from there for headers, etc.
Make sure your Gallery Images are all the same size (we’re
working on a thumbnail solution).
Recommended Gallery Image Sizes: 768x1366 for full screen images
or they’ll simply have a letter-box look with black above and below the image when zoomed or enlarged.
** For Categories - you can put the text titles in your
graphic or we can put them in as text (recommended).
* The images at the top of content pages can really be any
height you prefer, but we recommend making them all the same height no matter what height you choose.
And, that’s pretty much it.
Go back to App Wrapr page