<aside> 🧠In trying to be more accessible to our users and to create consistent layouts, we have a simple color scheme based on the historic group dark blue and a vibrant purple. Our colors convey our brand personality and values, but also help users navigate the interface.
</aside>
| Attributes | Values | Use |
|---|---|---|
| Pop Purple | Differentiating | Clickable element |
| Dark Stellantis | Historic | Icons & titles |
| Gradient | Accent | Specific backgrounds |
| Grey | Accessibility | Common texts |
Primary colors are the most common colors on the site. They can represent items to highlight such as titles or clickable states such as buttons or links.
The base colors each have light and dark shades to use to create contrast. The use of these colors will vary depending on the scenario.
Neutral colors are used for texts, infuts forms and also for some backgrounds depending on the interfaces.
Functional colors are used to inform the user about the confirmation of their actions and are associated with specific meanings.
Gradients are used to emphasize certain important elements or for specific backgrounds, such as for certain buttons or the footer.