![Complete Asset Checklist: Web player, Mobile apps]({"bg": "//theme.zdassets.com/theme_assets/848525/684b33c3f7116e8cd620310d227abe4847035ee7.jpg"})
![Complete Asset Checklist: Web player, Mobile apps]({"bg": "//theme.zdassets.com/theme_assets/848525/3302a7ad8ad34d27faa08a325c1ea028d7b69132.png"})
Below you'll find a checklist that will be helpful if you'd like to customize your web experience and useful as you build your mobile apps. Any items labeled as "mobile" (vs simply iOS or Android) refer to assets that are used for both iOS and Android mobile app builds.
You can access this checklist in a Google Sheets version and copy to make changes, or export as a shareable document.
| Asset | Where does this appear? | Suggested Dimensions / Examples | Helpful Links |
| iOS Hero Images | Hero images appear at the top of the app if you enable Gallery View. You can add multiple hero images, and they will slide through in a carousel style. | 1740 x 700px, JPG Max. 5 images |
https://support.zype.com/hc/en-us/articles/115000850547 |
| iOS Channel Store Icon | This appears as your icon in the app store. | 1024 x 1024px, JPG or PNG, no transparency and no rounded corners | https://support.zype.com/hc/en-us/articles/115004315887-Apple-iOS-App-Branding-and-Images |
| iOS Logo for Sign In Screen | This appears on the top portion of the screen when your users sign in or sign up to subscribe to content. | 756 × 582px, JPG | https://support.zype.com/hc/en-us/articles/115004315887-Apple-iOS-App-Branding-and-Images |
| Mobile Launch Screen | A launch screen appears instantly when your app starts up. The launch screen is quickly replaced with the first screen and gives the impression that your app is fast and responsive. | 1125 x 2000px, JPG or PNG | https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/ |
| Mobile Theme Image | This appears as the background of your app and can be either dark or light. Whichever color you choose, make sure it allows light or dark text to be read on top of it. | 1125 x 2000px, JPG Suggestion: neutral dark or light grey |
https://support.zype.com/hc/en-us/articles/115004315887-Apple-iOS-App-Branding-and-Images |
| Mobile Brand Color | This color appears on CTA buttons (e.g. sign in and subscribe buttons) and with navigation text ("back" to revert to prior page) | Suggest brand color | iOS - search "client color" in common/h Android - search "brand color" - https://github.com/zype/zype-android/blob/master/README.md |
| Android Hero Images | Hero images appear at the top of the app if you enable Gallery View. You can add multiple hero images, and they will slide through in a carousel style. | 1740 x 700px, JPG Max. 5 images |
https://support.zype.com/hc/en-us/articles/360009797953 |
| Android Launcher Icons | Launcher icons are used by Launcher applications and appear on the user’s Home screen. Your icon should promote your brand and help users discover the app on Google Play. | 36px x 36px, 32-bit PNG (with alpha for transparency) 48px x 48px, 32-bit PNG (with alpha for transparency) 72px x 72px, 32-bit PNG (with alpha for transparency) 96px x 96px, 32-bit PNG (with alpha for transparency) 144px x 144px, 32-bit PNG (with alpha for transparency) 192px x 192px, 32-bit PNG (with alpha for transparency) |
https://material.io/design/iconography/#icons_in_market |
| Android High-Res Icon | To publish your app on Google Play, you will also need to provide a high-res icon. This icon will be used in various locations on Google Play and does not replace your launcher icon. | 512px x 512px, 32-bit PNG (with alpha for transparency) | https://developer.android.com/guide/practices/ui_guidelines/icon_design#design-tips |
| Android Feature Store Graphic | This graphic is displayed at the top of your Store Listing page in the Play Store app. This is a powerful tool to showcase your creative assets and attract users. A Feature Graphic is required in order to be featured anywhere within Google Play. If you’ve added a promo video (will be covered in the “Optional Assets” section), a Play button will overlay your feature graphic so users can play your promo video. |
1024px x 500px, JPG or 24-bit PNG (no alpha) | https://support.zype.com/hc/en-us/articles/115004318507-Branding-your-Android-mobile-app-Images-and-specs |
| Android Background for Sign In Screen | This appears as a background behind the sign in or sign up screen. | 1125px x 2000px, JPG or PNG | https://support.zype.com/hc/en-us/articles/115004318507-Branding-your-Android-mobile-app-Images-and-specs |
| Mobile Terms of Service & Privacy Policy URL | Within a mobile app, consumers can find your Terms of Service and Prviacy Policy through the purchase flow and settings pages. You can add your Terms of Service and Privacy Policy as full text or a URL using a zObject in the Zype admin. We suggest using a URL for this value |
Suggest using a URL vs full text | iOS - https://support.zype.com/hc/en-us/articles/115011061468-Editing-Terms-and-Conditions-Section-on-iOS Android - https://support.zype.com/hc/en-us/articles/115007186947-Editing-Terms-and-Conditions-on-an-Android-app |
| Mobile Facebook URL | Within a mobile app, you can direct users to whichever Facebook URL is input. Users access this from the settings pages. | https://www.facebook.com/<your_page> | iOS - search "social" - https://github.com/zype/zype-ios/blob/master/RECIPE.md Android - search "social" - https://github.com/zype/zype-android/blob/master/README.md |
| Mobile Twitter URL | In mobile apps linked from the settings pages. This directs users to whichever Twitter URL is input. Users access this from the settings pages. | https://twitter.com/<your_branch> | same as above |
| Mobile Website URL | In mobile apps linked from the settings pages. Users access this from the settings pages. | http://www.<your_branch>/ | same as above |
| Mobile Instagram URL | In mobile apps linked from the settings pages. This directs users to whichever Instagram URL is input. Users access this from the settings pages. | http://www.instagram.com/<your_branch> | same as above |
| Web Player Logo | Content viewable through the web player can have a custom logo display in the upper right hand corner of the player. You can choose to hide this logo when player controls are hidden. | 48 x 48 pixels 50% opacity |
https://support.zype.com/hc/en-us/articles/214071957 |
| Web subscription embed logo | A subscription widget can be embedded on your website to guide your consumers through the sign up and subscribe flow. You're able to customize the logo on this embed, as well as the background color. | 48 x 48 pixels | https://support.zype.com/hc/en-us/articles/213455918 |
| Web subscription embed background color | A subscription widget can be embedded on your website to guide your consumers through the sign up and subscribe flow. You're able to customize the logo on this embed, as well as the background color. | Suggested color: Brand color or webpage background color | https://support.zype.com/hc/en-us/articles/213455918 |
| Email Settings (multiple emails) | You can edit the text of the automated transactional and service-related email messages to make them more personalized. These messages appear in consumers' inboxes. | N/A | https://support.zype.com/hc/en-us/articles/213455918 |
| Contact Email address | When a consumer purchases a subscription, an automated email is sent. You'll want to include a "FROM" contact email. It's possible your consumers may email this address when questions arise, so be sure to choose an appropriate email address. | N/A | https://support.zype.com/hc/en-us/articles/213455918 |
| Web Terms of Service URL | If you have a Terms of Service that users must agree to before subscribing, you can include your Terms of Service URL. This appears in the subscription flow, just after a user selects a plan they wish to purchase. | N/A | https://support.zype.com/hc/en-us/articles/213455918 |
| Credit Card Statement Description | If you are using Stripe as your payment processor, you can customize what your customers will see on their credit card statement. | Length of text: 22 character limit | https://support.zype.com/hc/en-us/articles/213455918 |
| Live Slate Background | The live slate is used over your player before the start and at the end of a broadcast. You can customize this “off-air image” but by default, your video player will display the Zype live slate. You can upload a custom slate image within the live event flow. | 1920 x 1080 pixels | https://support.zype.com/hc/en-us/articles/115010191927-Introduction-to-Zype-Live |
| Custom Thumbnails (Video or Playlist) | All transcoded content has automatically generated video thumbnails you may select from. These thumbnails appear on your endpoints as an image representing your video. VOD content has thumbnails generated once the transcode is complete, while Live content has thumbnails generated after the archive is complete. Playlists do not automatically have thumbnails assigned, so you’ll need to add custom images for these. In the Zype platform, you may upload a custom thumbnail for a video within the video details page, under the thumbnails tab, just below the automated thumbnails section. If you’d like to add a video thumbnail for a Live event before you broadcast, simply exit the Live flow during the “view stream” flow and enter the library. Here you can upload a custom thumbnail just as you would with any VOD content, through video details>thumbnails>custom image. You can re-enter the Live flow through “Live Events” on the left hand navigation bar, once you select the camera icon on your event. You may upload a custom playlist thumbnail within the playlist details page within the thumbnails tab. |
250 x 141 pxiels 16:9 aspect ratio |
Video - https://support.zype.com/hc/en-us/articles/115010890647 Playlist - https://support.zype.com/hc/en-us/articles/115002290868 |
| Web Preview Video | If desired, a preview or trailer video can appear in the beginning of your video playback on paywalled content. If you have a paywall enabled, the paywall renders with a countdown. This countdown allows you to 1) sign in 2) subscribe 3) watch preview. If you have a preroll ad timing configured in addition to your paywall, the ad will show before the preview renders. | Suggested max time: 60 seconds | https://support.zype.com/hc/en-us/articles/115011976648 |
1
-1
Was this article helpful?
0 out of 1 found this helpful