You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>You can find out more about focus charts colour palette on the <ahref="https://analysisfunction.civilservice.gov.uk/policy-store/data-visualisation-colours-in-charts/#section-7" target="_blank" rel="noopener">Civil Service data visualisation colours page</a>.</p>
207
207
<p>You can find out more about colour in the <ahref="https://service-manual.nhs.uk/design-system/styles/colour" target="_blank" rel="noopener">NHS digital service manual</a>.</p>
@@ -251,7 +251,7 @@ <h2 class="nhsuk-heading-l header-anchor" id="improve-the-playbook">Improve the
<li>the <ahref="https://www.bdadyslexia.org.uk/advice/employers/creating-a-dyslexia-friendly-workplace/dyslexia-friendly-style-guide" target="_blank" rel="noopener">British Dyslexia Association’s style guide</a> recommends dark text on a light, but not white, background</li>
181
181
<li>it allows different components to stand out</li>
182
182
</ul>
183
-
<p><codeclass="md">#F0F4F5</code> is the hex code for NHS Grey 5 (light grayish cyan):</p>
183
+
<p><codeclass="md">#F0F4F5</code> is the hex code for NHS Grey 5 (light greyish cyan):</p>
<p>We use NHS White to make important information stand out and for contrasting backgrounds, for example on the <ahref="https://www.nhs.uk/" target="_blank" rel="noopener">NHS website home page</a>.</p>
186
186
<p><codeclass="md">#FFFFFF</code> is the hex code for NHS White:</p>
@@ -319,7 +319,7 @@ <h2 class="nhsuk-heading-l header-anchor" id="improve-the-playbook">Improve the
<p>For more information, you can read a <ahref="https://www.storytellingwithdata.com/blog/what-clutter-can-we-eliminate" target="_blank" rel="noopener">blog about eliminating clutter on the Storytelling with Data website</a>.</p>
184
184
<h2id="importance-of-pulling-focus" tabindex="-1"><aclass="header-anchor" href="#importance-of-pulling-focus">Importance of pulling focus</a></h2>
<li>using markers or event lines to highlight certain values, or important and influencing aspects, for example, adding a faded section in NHS Grey 4 (#D8DDE0) to denote forecasting, or adding a label to an individual value at a point in time</li>
192
192
</ul>
193
193
<p><codeclass="md">#AEB7BD</code> is the hex code for NHS Grey 3 (greyish blue):</p>
<p>For more information, you can read a <ahref="https://www.storytellingwithdata.com/blog/two-tips-for-better-graphs" target="_blank" rel="noopener">blog focusing on tips for better graphs on the Storytelling with Data website</a>.</p>
200
200
201
201
<hr>
@@ -221,7 +221,7 @@ <h2 class="nhsuk-heading-l header-anchor" id="improve-the-playbook">Improve the
0 commit comments