App appearance

App Appearance, found under the App Element, allows you to create a unique design for your App.

Phone Menu

  • Background Image - 720x 100-1280px .png or .jpg format.
  • Header Image - 720x300px .png or jpg format.
  • Background Color - can be used instead of an image. Enter hex colour code or choose from colour picker.
  • Icon Text Colour -  Enter hex colour code or choose from colour picker. In the example below the icon text is white.
  • Icon Tint Colour - Enter hex colour code or choose from colour picker. Alternatively you can add custom icons, like in the example below.
  • Settings Icon Colour - Enter hex colour code or choose from colour picker.
  • Active Page Indicator Colour - Enter hex colour code or choose from colour picker.
  • Inactive Page Colour - Enter hex colour code or choose from colour picker.
  • Display Banner Shadow - select yes to add a shadow to banners.

Tablet Menu

  • Header Image - 730x400px .png or .jpg format.
  • Tablet Background Colour - Enter hex colour code or choose from colour picker.
  • Menu Item Text Colour - Enter hex colour code or choose from colour picker.
  • Menu Icon Tint Colour - Enter hex colour code or choose from colour picker. Alternatively you can add custom icons, like in the example below.
  • Settings Icon Colour - Enter hex colour code or choose from colour picker.
  • Display Banner Shadow - select yes to add a shadow to banners.

Content Page

  • Generic Header Image - 720x405px .png or .jpg format.
  • Details Bar Background Colour - Enter hex colour code or choose from colour picker. It is recommended NOT to use white as your details bar background colour, otherwise some icons/buttons will not appear.
  • Details Bar Text Colour - Enter hex colour code or choose from colour picker.
  • Highlight Colour - Enter hex colour code or choose from colour picker.
  • Quote / Breakout Background Colour - Enter hex colour code or choose from colour picker.
  • Button Circle Colour - Enter hex colour code or choose from colour picker.

Email Design

  • Email Header Image - 600 x (100-400)px .png or .jpg format
  • Email Background Colour - Enter hex colour code or choose from colour picker
  • Email Header 1 Colour - Enter hex colour code or choose from colour picker
  • Email Header 2 Colour - Enter hex colour code or choose from colour picker
  • Email Header 3 Colour - Enter hex colour code or choose from colour picker
  • Email Button & Link Colour - Enter hex colour code or choose from colour picker

 

 

Designing for the Entegy Suite

A designers guide to the Entegy Product Suite - start with app design