webMOBI Branding Guide
webMOBI offers multiple design templates and branding options for your upcoming event. In addition, you can customize the logo, choose specific branding options including theme color for the overall app design. You also have an option to choose complementary colors as well as choices for icons.
Picture Design Templates
Picture Design templates available for branded and an enterprise plan. For the standard premium by default picture, the design template is available.
Contact support@webmobi.com to provide the choice for the right design for your upcoming event.
Branding Guidelines
Which elements can be branded?
Customizing your application is key to brand recognition and memorability. This guide will allow you to better understand the elements you can brand in your event app.
App icon
The app icon will be displayed on a device, in the stores, on a website, and the event list if you have multiple events in your application.
Template | Dimension | Format |
Picture Design Template | 256px*256 px | Png, Jpg |
Note: To publish the app in the play store and App store the icon size should be of 1024px*1024px size.
Single event design template
Multi-event design template
In the multi-event app, the event icon will be in the top center as marked in the below image.
In the multi-event app, the app icon will be in the center of all the events as marked in the below image.
In the multi-event app, the banner image will show up in the back-side of the app icon as marked in the below image.
Design Template
Here we use multiple images to showcase your app. There are multiple grid systems as you can see in the image below.
The single grid in a row
The dual grid in a row
Grid System | Dimension | Format |
Single grid | 1x: 1440px * 480px 2x: 2880px * 960px 3x: 4320px * 1440px | Png, Jpg |
Dual Grid | 1x: 720px * 480px 2x: 1440px * 960px 3x: 2160px * 1440px | Png, Jpg |
Note: Transparent images cannot be used for these images
Image dimension for the carousel as follows:
Dimension | Format |
1720px*720px | Png, Jpg |
Note: Transparent images cannot be used for these images
Splash Screen
This screen will be displayed while the app is loading.
IOS
Device Type | Dimension | Format |
Mobile | 640x960 320x480 480x800 1284x2778 | Png, Jpg |
Tablet | 2048x2732 1280x1920 960x1600 | Png, Jpg |
Note: Transparent images cannot be added as the splash screen
Android
Device Type | Dimension | Format |
LDPI | Portrait: 200x320px | PNG |
MDPI | Portrait: 320x480p | PNG |
HDPI | Portrait: 480x800px | PNG |
XHDPI | Portrait: 720px1280px | PNG |
XXHDPI | Portrait: 960x1600px | PNG |
XXXHDPI | Portrait: 1280x1920px | PNG |
Banner Image
Banner image is used to show as a background image for the top corner of mobile apps and the website background as well.
Dimension | Format |
860px*360px | Png, Jpg |
Note: Transparent images cannot be used for the banner image
Common image dimensions:
(mobile, virtual platform, registrations)
Speakers
You can upload your speaker’s bio and their image to faster recognition by the attendees
Speakers Image Dimension:
Dimensions | Format |
256px*256px | Png, Jpg |
Exhibitors and Sponsors
You can upload Exhibitors and sponsors details with their own branding logo
Dimensions | Format |
240px*180px | Png, Jpg |
Few more:
Theme Color
webMOBI supports different theme color for mobile apps. Event Admin has the access to update this from the dashboard using the color picker option or writing HEX code in the respective section. On publishing the event once the update is done it will get reflects in mobile apps.
Here, Some demo templates for you:
Splash Screen
Home-Page Design / Color
