Launch screen

A launch screen is displayed after an app’s launch instead of displaying a blank screen, this can decrease the sense of a long loading time.

Contributors

  • Jane Williams
  • Pete Griffith
  • Samuel Yau
  • +1
Platform:App

Please read the Licensing terms before you download this content.

Overview

An example of a launch screen, highlighting a space for product logo under the Βι¶ΉΤΌΕΔ blocks

How it works

Tapping on your app's launcher icon will open the app and display the launch screen temporarily while the app tries to fetch the information it needs to work. This gives the impression that it's fast and responsive. Once the app has this information, the launch screen will automatically close and you will arrive at your app's first screen.

Rules

  • The launch screen should only include your product's logo (including the Βι¶ΉΤΌΕΔ blocks) and a background colour or graphic.
  • The logo should always be placed in the centre of the screen.
  • The Βι¶ΉΤΌΕΔ blocks should be 24px in height and your product logo should be sized relatively.
  • The background and the logo should be exported as separate assets for developers.

Variations

  • Your product logo can appear stacked below or placed in-line with the Βι¶ΉΤΌΕΔ blocks.
An example of a launch screen, highlighting a space for product logo next to the Βι¶ΉΤΌΕΔ blocks
  • The logo and background should be exported as separate assets.
  • The launch screen can be animated.

Note

Animations should only be used if it is appropriate for your Βι¶ΉΤΌΕΔ brand and if it does not impact heavily on the app's file size.

Pattern in action

This pattern is currently being used by the Βι¶ΉΤΌΕΔ Bitesize app and the Βι¶ΉΤΌΕΔ+ app, available here:

/

/

Licensing

These assets are available for download on the following licence terms:

You can:

  • Download the assets and use them free of charge;
  • Use the assets without attribution; and
  • Modify or alter the assets and edit them as you like.

You can't:

  • Use the assets in a way that would bring the Βι¶ΉΤΌΕΔ into disrepute;
  • Make available the assets so that they can be downloaded by others;
  • Sell the assets to other people or package the assets with others that are for sale;
  • Take payment from others to access the assets (including putting them behind a paywall);
  • Use the assets as part of a service that you are charging money for; or
  • Imply association with or endorsement from the Βι¶ΉΤΌΕΔ by using the assets.

Disclaimer: The assets are offered as is and the Βι¶ΉΤΌΕΔ is not responsible for anything that happens if you use them.