TO DOWNLOAD: Click the image below to begin downloading a ZIP file containing PSD, PNG, and JPG templates of the Content Creator image assets. These are basic templates that give you the image size for the various Creator elements and may start as building blocks for your content assets.
You may create in any style fitting your content in the graphics program of your choice.
Click Image to Download
Examples
Collection Thumbnail
Collection Banner
| Info |
|---|
Note: The Collection Banner text is filled in programmatically, so it's best to think of it as a background element that visually supports your content. |
Book Cover Examples
| Page Tree | ||||
|---|---|---|---|---|
|
| Info |
|---|
Suggestion: Remember to design with mobile devices in mind—choose images and fonts that will scale well and read at small sizes. |
Splash Screens and Icons
Splash Screens and Icons will adhere to Android and iOS standards and should be designed accordingly.
Here are the pertinent sizes and links to further information.
iOS Splash Screens
Device | Portrait size | Landscape size |
|---|---|---|
12.9" iPad Pro | 2048px × 2732px | 2732px × 2048px |
11" iPad Pro | 1668px × 2388px | 2388px × 1668px |
10.5" iPad Pro | 1668px × 2224px | 2224px × 1668px |
9.7" iPad | 1536px × 2048px | 2048px × 1536px |
7.9" iPad mini 4 | 1536px × 2048px | 2048px × 1536px |
iPhone XS Max | 1242px × 2688px | 2688px × 1242px |
iPhone XS | 1125px × 2436px | 2436px × 1125px |
iPhone XR | 828px × 1792px | 1792px × 828px |
iPhone X | 1125px × 2436px | 2436px × 1125px |
iPhone 8 Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 8 | 750px × 1334px | 1334px × 750px |
iPhone 7 Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 7 | 750px × 1334px | 1334px × 750px |
iPhone 6s Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 6s | 750px × 1334px | 1334px × 750px |
iPhone SE | 640px × 1136px | 1136px × 640px |
For further information:
iOS:
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/launch-screen/
| Info |
|---|
Suggestion: For iOS, use 2048px width for portrait, 2732px width for landscape (corresponds to the largest current device size which is the 12.9" iPad Pro). Your image will be scaled down on smaller devices. Height can be whatever you desire. |
Android Splash Screens:
Drawable | Portrait size | Landscape size |
|---|---|---|
MDPI: | 320px x 480px | 480px x 320px |
HDPI: | 480px x 800px | 800px x 480px |
XHDPI: | 720px x 1280px | 1280px x 720px |
XXHDPI: | 960px x 1600px | 1600px x 960px |
XXXHDPI: | 1280px x 1920px | 1920px x 1280px |
Icons
As there are a number of ways to create icons for iOS and Android, we suggest simply going with the iOS maximum size of 1024x1024 and creating your subsequent icons within the tool of your choice for both iOS and Android.
For further information:
iOS:
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/
Android:
https://developer.android.com/guide/practices/ui_guidelines/icon_design