Mastercard DOMO - Design Guidelines
These guidelines are for the Mastercard LAC dashboards design in DOMO. Topics discussed include:
- Themes and Colors
- Layouts
- Titles
- Headers
Two themes are proposed to support dark/light preferences according to Carat colors.
![Dark Theme Preview](https://raw.githubusercontent.com/dentsu-inc/mastercard-dashboard-guidelines/main/img/dark_theme_preview.png)
Element |
Color (HEX) |
Dashboard Background Color |
#232F3E |
Card Background Color |
#29384A |
Note Background Color |
#4B5057 |
Note Font Color |
#F2F2F2 |
Filter Selection Color (Slicer) |
#268CBF |
Filter Selection Color (Checkbox and Radio Buttons) |
#FF7F00 |
Card Font Color (where applicable) |
#F2F2F2 |
![Light Theme Preview](https://raw.githubusercontent.com/dentsu-inc/mastercard-dashboard-guidelines/main/img/light_theme_preview.png)
Element |
Color (HEX) |
Dashboard Background Color |
#DFE3E4 |
Card Background Color |
#EBEFF0 |
Note Background Color |
#AEE6F2 |
Note Font Color |
#4A4A4A |
Filter Selection Color (Slicer) |
#268CBF |
Filter Selection Color (Checkbox and Radio Buttons) |
#1DDDF2 |
Card Font Color (where applicable) |
#4A4A4A |
Header images
For the Dark theme find source img at img/mc_header_dark.png.
For the Light theme find source img at img/mc_header_light.png.