Olympus guide
  • What is Olympus
  • Global style
  • Onboarding
  • Dashboard
  • Challenges
  • Team
  • Rewards
  • Articles
  • Profile
  • More menu
  • Updates
  • 📱App prototype
  • 📐Visuals specifications
Powered by GitBook
On this page
  • Colors
  • Fonts

Was this helpful?

Global style

All rules that define the UI style of your application (colors, fonts, etc...)

PreviousWhat is OlympusNextOnboarding

Last updated 3 years ago

Was this helpful?

Colors

App with your colors

You need to choose two main colors to setup the global theme of your app. The primary color is the main color of your app, used for buttons and all actions elements. The secondary color is here to work in association with the primary color. We will find these two colors all over the app to ensure consistency with your brand guidelines

Grey level

These colors are used for all the text content. It doesn't include buttons or actions (which will be in primary or secondary), for example for all texts like: Articles content, Challenge description or Rewards descriptions. These colors are also used for all graphic elements to help us create a visual hierarchy, for example: shadows, borders, icons, or subtext.

All grey tones on our apps are not customisable to guarantee a good level of contrast, respect accessibility standards and operate in dark mode version.

States colors

The states colors are used for sending visual feedback to users when they complete an action. In order to make them understand simply if their action (whatever it is) is successful or if an error happened.

All our states colors are not customisable to guarantee good user comprehension.

Fonts

You can use your font throughout the application. We only need you to provide with us the file of the font and after that, we can use 2 variations of your font which we will use for medium and bold.

Primary and Secondary colors are defined here only for exemple.