webMOBI Help Center

Branding Guidelines

By Ngage.ai Support
July 6, 2022

Branding Guidelines

Which elements can be branded?

Customizing your application is key to brand recognition and memorability. This guide will allow you to understand better 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 on 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.

Application Layout template

C:\Users\Webmobi\Desktop\Branding Guide\Screenshot_2019-11-06-19-56-23-487_com.webmobi.wustl19.png

  • In the multi-event app, the event icon will be in the top center as marked in the below image.


C:\Users\Webmobi\Desktop\Branding Guide\Screenshot_2019-11-06-19-56-23-487_com.webmobi.wustl19.png

  • 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. 


  1. The single grid in a row



  1. The dual grid in a row



C:\Users\Webmobi\Desktop\Events\Summmer City Seminar\bag-1565402_960_720.jpgC:\Users\Webmobi\Desktop\Events\Summmer City Seminar\team-4529717_960_720.jpg


Grid System

Dimension

Format

Single grid

1440px * 480px

Png, Jpg

Dual Grid

720px * 480px

Png, Jpg

Note: Transparent images cannot be used for these images

Splash Screen

This screen will be displayed while the app is loading (Branded apps)

IOS

Device Type

Dimension

Format

Mobile

640x960

320x480 

480x800

Png, Jpg

Tablet

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


Common image dimensions:

(mobile, virtual platform, registrations)


Speakers


You can upload your speaker’s bio and their image to faster recognition by the attendees


C:\Users\Webmobi\Desktop\Branding Guide\November 7\Speaker.png


Speakers Image Dimension:


Dimensions

Format

256px*256px

Png, Jpg







Exhibitors and Sponsors


You can upload Exhibitors and sponsors details with their own branding logo


C:\Users\Webmobi\Desktop\Branding Guide\November 7\Screenshot_2019-11-07-19-23-06-585_com.webmobi.wustl19.png


Dimensions

Format

256px*256px

Png, Jpg












Few more:  


C:\Users\Webmobi\Desktop\Branding Guide\Screenshot_2019-11-06-19-56-23-487_com.webmobi.wustl19.png C:\Users\Webmobi\Desktop\Branding Guide\November 7\Screenshot_2019-11-07-19-23-16-864_com.webmobi.wustl19.pngC:\Users\Webmobi\Desktop\Branding Guide\November 7\Screenshot_2019-11-07-19-22-34-735_com.webmobi.wustl19.png


















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


Was this article helpful?

Thanks for your feedback!