Co-Branded App Requirements

Please copy the following list to your email, add all the information, and include the required graphics and files in the attachments.

Below the list you can find the descriptions of all the values and graphics that are required.

  • App Name:

    •  

  • Short Description:

    •  

  • URLs:

    •  

  • Translations:

    • de

    • en

  • Wording:

    • GPS-Tacker

    • Bike

  • Primary Colour:

    • #

  • Primary Contrast Colour:

    • #

  • Secondary Colour:

    • #

  • Secondary Contrast Colour:

    • #

Basics

App Name

Name displayed in app stores etc.

Short Description

Short sentence used in link previews, e.g. “Track your e-bike!”

URLs

Links to home page and/or shop

Theme Colours

Please provide all colours in HTML hex colour codes

Primary Colour

Used as background and main brand colour

Primary Contrast Colour (text, icons, etc.)

Colour used for text and icons, ensure good readability with “Primary Colour” as background

Secondary/Highlight Colour

Colour of visual highlights and Call-to-Action buttons

Secondary Contrast Colour (text, icons, etc.)

Text colour for elements in “Secondary Colour”

See guide below for details

Icons

Basic App Icon

  • Used for iOS and older Android versions

  • IMPORTANT: No rounded corners or something similar!

  • Size 1024px x 1024px

  • “icon.png”

Adaptive Icons Components

See guide below for details

Brand Horizontal

  • used in app, Passport, Theft report and splash screen

  • Min. size roughly 1000px x 300px

  • “brand-horizontal.png”

See guide below for details

FavIcon (optional)

  • very simple icon for web version

  • Size 64px x 64px

  • “favicon.ico”

Splash Screen Icon (optional)

  • used in splash screen instead of “Brand Horizontal” icon

  • preferably landscape as the splash screen contains a spinner and also has to work when launching in landscape mode → limited space

  • maybe “mono” design for dark backgrounds?

  • Min. size approximately 1000px x 300px

  • “brand-splash.png”

See guide below for details

Guide for Use of Colours and Icons

Example of Adaptive Icon