Global style
All rules that define the UI style of your application (colors, fonts, etc...)
Last updated
Was this helpful?
All rules that define the UI style of your application (colors, fonts, etc...)
Last updated
Was this helpful?
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
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.
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.
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.