"Color used onboarding to connect content to branding"

Arizona State University

Your brand can use color to emphasize its presence. Brand colors can be used in key moments, in ways that associate those colors with specific actions and information.

The brand color application can be bold and brash, subtle and sophisticated, or anywhere in between. Your brand’s personal approach to color should be reflected in your app by: 

- Bold
- Launch Screens
- Onboarding
- Feature Discovery
- Subtle Use of Color
- Placeholder
- Progress Indicatios
- State Changes 

Brand and Color Usage 


Brands that want to convey a sense of energy and excitement use color in a bold way. The apps should reflect that same approach while preserving content legibility and usability.

Bold Use of Color for Brands

"State changes subtly can reinforce brand presence."

State Changes for Brands 

Brands can use color in subtle ways, whether that means conveying:
- Sophistication
- Emphasizing content
- Suiting content in some other way

When using color with subtlety:
- Ensure that interactive areas and state changes remain identifiable and easily seen

Subtle Use of Color Usage for Brands

Progress indicators are a subtle but powerful place to incorporate brand color:
- Tie function of the app to the brand

Progress Indicators for Brands 

A placeholder UI is displayed while screen content loads:
- A brand color here assures users that they are still in the app as it loads

Placeholder UI for Brands 

"Features can be highlighted to ensure the user sees them by using color to guide user focus"

Feature Discovery for Brands

Onboarding and Brands

"Launch screens can be a celebratory moment that uses color in bold ways."

Learn Before

Related