Tableau

Before you begin

Before creating a dashboard and using the Delish templates, complete these steps on your computer. Do this before downloading and opening the template file to ensure your fonts and charts render correctly.

 

Update your preferences file

Your preferences file contains the Delish color palettes needed for your projects.

  1. Go to finder > Documents > My Tableau Repository > Open Preferences.tps in a text/code editor or IDE (this is an XML document and does not open in Tableau)
  2. Copy & paste this XML code into that file:

                                                        
                                                        
                                                            <?xml version='1.0'?>
                                                        
                                                        
                                                        <workbook>
                                                        <preferences>
                                                        
                                                        <color-palette name="Delish_Sequential Gray" type="ordered-sequential">
                                                        <color>#D1DBE2</color>
                                                        <color>#A2AEB5</color>
                                                        <color>#646B6F</color>
                                                        <color>#36383A</color>
                                                        </color-palette>
                                                        
                                                         <color-palette name="Delish_Sequential Blue" type="ordered-sequential">
                                                        <color>#9EBBE6</color>
                                                        <color>#6F94CE</color>
                                                        <color>#295CAD</color>
                                                        <color>#133A77</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Sequential Teal" type="ordered-sequential">
                                                        <color>#80D0D7</color>
                                                        <color>#05A3B1</color>
                                                        <color>#136A73</color>
                                                        <color>#063F44</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Sequential Ocean" type="ordered-sequential">
                                                        <color>#9AB2FF</color>
                                                        <color>#7386E9</color>
                                                        <color>#0B3873</color>
                                                        <color>#071E39</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Sequential Green" type="ordered-sequential">
                                                        <color>#87C3A9</color>
                                                        <color>#529C74</color>
                                                        <color>#1D6953</color>
                                                        <color>#08362A</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Sequential Yellow" type="ordered-sequential">
                                                        <color>#FFD592</color>
                                                        <color>#DF9F37</color>
                                                        <color>#A06A14</color>
                                                        <color>#563B10</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Sequential Red" type="ordered-sequential">
                                                        <color>#CF8A7E</color>
                                                        <color>#B94431</color>
                                                        <color>#8C2E20</color>
                                                        <color>#460F05</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Dark KPI Positive Negative" type="regular">
                                                        <color>#37BB65</color>
                                                        <color>#CC2E48</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Categorical 1" type="regular">
                                                        <color>#295CAD</color>
                                                        <color>#A2AEB5</color>
                                                        <color>#646B6F</color>
                                                        <color>#0B3873</color>
                                                        <color>#36383A</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Categorical 2" type="regular">
                                                        <color>#295CAD</color>
                                                        <color>#DF9F37</color>
                                                        <color>#A2AEB5</color>
                                                        <color>#0B3873</color>
                                                        <color>#36383A</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Categorical 3" type="regular">
                                                        <color>#295CAD</color>
                                                        <color>#05A3B1</color>
                                                        <color>#0B3873</color>
                                                        <color>#0B3873</color>
                                                        <color>#36383A</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_DataViz Core" type="regular">
                                                        <color>#295CAD</color>
                                                        <color>#A2AEB5</color>
                                                        <color>#DF9F37</color>
                                                        <color>#0B3873</color>
                                                        <color>#646B6F</color>
                                                        <color>#05A3B1</color>
                                                        <color>#7386E9</color>
                                                        <color>#136A73</color>
                                                        </color-palette>
                                                        
                                                        <color-palette name="Delish_Positive Negative" type="regular">
                                                        <color>#08362A</color>
                                                        <color>#1D6953</color>
                                                        <color>#529C74</color>
                                                        <color>#87C3A9</color>
                                                        <color>#460F05</color>
                                                        <color>#8C2E20</color>
                                                        <color>#B94431</color>
                                                        <color>#CF8A7E</color>
                                                        <color>#563B10</color>
                                                        <color>#A06A14</color>
                                                        <color>#DF9F37</color>
                                                        <color>#FFD592</color>
                                                        <color>#36383a</color>
                                                        <color>#646b6f</color>
                                                        <color>#a2aeb5</color>
                                                        <color>#d1dbe2</color>
                                                        </color-palette>
                                                        
                                                        </preferences>
                                                        </workbook>
                                                        
                                                            

 

Update your fonts

The font we use for all projects is Segoe UI and supports 5 weights: Light, Semilight, Regular, Semibold and Bold.

  1. If you are using a PC, Segoe will come preloaded on your computer and you can skip this step. If you want to check the fonts on your machine go to Settings > Personalization > Fonts > Look for “Segoe UI”.
  2. If you are using a Mac, you need to add these 3 font files to your Font Book. This will allow you to access Segoe UI, Segoe Semibold, Segoe Light.  Download Segoe UI font

 

Once you have your preferences file and fonts installed to your computer, learn how to use the templates.