White label App customization options

Colors

We use four colors to adapt your App. In short:

  1. Primary color: all buttons and icons

  2. Secondary color: active tabs in the footer menu

  3. Background: header and footer color

  4. Header color: all title backgrounds


This are screenshots using four sample colors:

Primary color

Secondary color

Background color

Header color

Screen 1
The buttons are rendered with the primary color. The top part is a image and can be replaced.
Screen 2
The button on top is rendered with the primary color. The header uses the background color.
Screen 3
The buttons and the Navigation symbol are rendered with the primary color. The top part is a image an can be replaced
Screen 4
The header of the index uses the header color. The close-button is rendered with the primary color. All index-icons are images and can be exchanged
Screen 5
The header of the index uses the header color. The close-button is rendered with the primary color. All icons are images and can be exchanged.
Screen 6
The title backround uses the header color, the back-button is rendered with the primary color. The background of the tab-bar uses the backgroun color. The highlighed tab uses the secondary color as font color.


Screen 7
The title backround uses the header color, the back-button is rendered with the primary color. The background of the tab-bar uses the backgroun color. The highlighed tab uses the secondary color as font color.


Screen 8
The back-button is rendered with the primary color. All map icons are images and can be exchanged. All button icons are images and can be exchanged. The highlighed tab uses the secondary color as font color.


App Icons

You can exchange each of those with your own SVG images. Here are the original icons: Icon folder

Menu icon for the support page

Menu icon for the start page

Menu icon for external links

Menu icon for text pages

Menu icon for the overview map

Menu icon for categories

Map icon, map is centered to current location

Map icon, map is not centered to current location


Map icon, route navigation is activated

Map icon, route navigation is deactivated


Map icon, north is at the top of the screen.

Map icon, map rotates with moving direction

Map Icons

You can replace each map icon with a file of the same filetype, name and resolution. Here are the original map icons: Icon folder

Images

Please provide PNG file for each of those images.

Splash image shows while app is loading. Must be square and in PNG format. The relevant content must be in the center. The outer areas might be cut off, depending on the screen format of the device.
Start icon for the app on the desktop of Android and iOS devices. Bust be square, no rounded corners
Background image for the download dialog. See screen 1

The default images for routes that have no image. Like in screen 5

Font

We can set the default font to each True-Type-Font. Please provide a ttf file.