All Headers are created with the same guidelines: a plain background (corporate blue, white or transparent), the logo on the left, the name of the application and several components based on the application needs (tabs, buttons, icons etc).
We recommend choosing an app name related to the app’s purpose (e.g.: “Health Monitoring”). Avoid app names with acronyms (e.g.: “HM”).
Do not change the color(s).
Do not change the design guidelines.
Do not attempt to recreate the Wordmark.
Do not rearrange the elements of the logo.
Do not outline or redraw anything.
Do not use the app icon with your app logo.
Do not use the logo on backgrounds containing complex photographs or illustrations.
Do not delete the separator between the logo and the application name.
Do not attach text or another logo to your Wordmark.
How do I build it?
To ensure that the logos are clearly visible, they need to be surrounded by an unremovable white space. Use the tallest letter in the Wordmark to define the minimum space around the logo. This space should not be too large, so as to avoid having an application header that is too long.
App Icon & Favicon
In order to maintain consistent branding, apps must respect the design guidelines, even the App icons and Favicons.