White label App customization options
Colors
We use four colors to adapt your App. In short:
Primary color: all buttons and icons
Secondary color: active tabs in the footer menu
Background: header and footer color
Header color: all title backgrounds
This are screenshots using four sample colors:
Primary color
Secondary color
Background color
Header color
The buttons are rendered with the primary color. The top part is a image and can be replaced.
The button on top is rendered with the primary color. The header uses the background color.
The buttons and the Navigation symbol are rendered with the primary color. The top part is a image an can be replaced
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
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.
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.
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.
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.
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.