Dark & Light Business Dashboard 

Hello everyone!

I am happy to write this short post, after several requests/questions received about the building process of my recent publication.

I will mainly focus on how I created the Layout in Figma, choosing the right colors for both a light and dark background (basically this was my personal challenge). I won't dwell much on the calculations, my folder is downloadable and you can view them, obviously for any doubt you can write to me and I will be happy to help!

How did I get here?

Well, now we can download our layout as an image and upload it to Tableau.

Oh I forgot! I chose a size of 1400x900 for my dashboard, remember to set the same frame size on Figma to ensure that it fits well.

Colors, personal challenge.

Anyone who has seen my profile on Tableau Public, knows how much I love dark mode. In general, I love all applications that give the user the option to choose between a light or dark mode.

In my previous job, working with 3/4 monitors using tools/software with different carrater fonts, my eyes were desperately trying to black out anything bright on my monitor!

But let's go back to the dashboard...

For those who develop on Tableau you know how tiring this can be, especially if the workbook contains many dashboards and many fields used as color. For example, if we use the Segments field as color, in all sheets, this will always keep the colors set. We do not have the possibility to assign different colors to a single sheet except by duplicating the field. This must be done for all fields used as a color. (if anyone has a faster technique, please share it!).

The workaround for this is to find a color scheme that contrasted well against both dark and light backgrounds, as well as for navigation icons or images, in order to change only the text color.

I am well aware that this is not always possible, but I hope that with my dashboard I have achieved my goal.