Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Colors] Default color palette #2512

Open
1 task
Tracked by #2517 ...
gvnmagni opened this issue Aug 26, 2024 · 0 comments
Open
1 task
Tracked by #2517 ...

[Colors] Default color palette #2512

gvnmagni opened this issue Aug 26, 2024 · 0 comments
Assignees

Comments

@gvnmagni
Copy link

gvnmagni commented Aug 26, 2024

charttt

Colors
New set of colors will bring a new aesthetic to our charts with the goal of creating a consistent look and feel with brand and the product itself.

We picked 10 shades from our new color spectrum that would form the starting point for charts, with a looping mechanism for high cardinality (lot of categories) that would keep on picking colors from the same spectrum up untill 30 categories.

palette 30


Behind Text alternative
This color palette would not require any alternative set of colors for charts with superimposed text, all colors picked have contrast with dark grey text higher than 4.5 (required by WCAG accessibility standards)


Neutral colors
neutral colors

Neutral colors have been updated with an additional ste of colors for future Dark Blue theme variant that would come eventually.


Vis as text
All colors have a contrast with background higher than 4.5
vis as text


Gradiens
gradients

Gradients that are currently used in charts such as heatmap should be replaced with new dedicated colors.


Partition charts
partition

Would be great if charts that allow for additional hierarchical metrics should rely of colors from spectrum instead of calculations that often create weird results. This needs to be discussed for high cardinality partition charts.

Default mechanism would require colors to lower by one shade for every additional metric (06 > 05 > 04, or 03 > 02 > 01)


Grid colors
grid colors

Grid labels colors
grid label color


Additional dedicated semantic colors
semantic

There are specific contexts in which colors are used with a semantic meaning, it would be great to uniform this across the product, this set of colors reflects the current need on Discover and it is just a first attempt for an update, needs to be discussed.

Related

  1. 0 of 2
    visual refresh
    gvnmagni
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants