The logo is a key for branding and marketing of the app. The user should present the logo in clear way across the app.

The logo is on the App Home screen, however if the user wants they can integrate the Logo within the Splash screen image and Inner screen image as well, as long as it won’t impact the content readability and usability.


The logo is presented on the Home screen of the app and should cover 30% of the app screen area below the header bar. The recommended resolution of the logo is 1280x270. See more at Technical Specifications

The user can have either a logo with a transparent Background or a non-transparent background. When using a non-transparent image, it’s good to have a bleed area to bring contrast and impact on the logo.  

Logo image placed on the Home screen along with the home screen navigation buttons and home screen background image

Best Practices

o   The Logo image should be a nice and clear image

o The logo image should not include the Company’s tagline

o   The logo image should stand out and the visibility of the logo should not be impacted by the home screen background image

    • Related Articles

    • Home Screen

      Home Screen is the first app screen through which users can engage with the app. This is the screen which provide the entry points of the app and help them explore the other pages within the apps and its content. Home screen image is placed in the ...
    • Inner Screen

      Inner Screens display the content of the app, where the user interacts after navigating from the Home screen. All mobile app screens beyond the home screen are the inner screens, even if they just lead to further navigation and organization. ...
    • Design

      This is the phase of app creation process wherein the initial visual design setup of the app is configured for elements like themes, images, home screen layout, etc. The design phase consists of 3 sub-levels: Themes, Images, Layout.   Themes We ...
    • Edit Mind Map

      User is able to edit any part of the Mind Map that has been created by either themselves or an added collaborator. Navigate to the Mind-map listing page Hover over the Mind Map you wish to edit Click on ‘Edit’ button on the Mind Map card. This will ...