<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design system &#8211; Inside numbers</title>
	<atom:link href="https://inside-numbers.com/portfolio_category/design-system/feed" rel="self" type="application/rss+xml" />
	<link>https://inside-numbers.com</link>
	<description></description>
	<lastBuildDate>Fri, 06 Feb 2026 12:18:24 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://inside-numbers.com/wp-content/uploads/2020/07/cropped-Asset-6-32x32.png</url>
	<title>Design system &#8211; Inside numbers</title>
	<link>https://inside-numbers.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Data viz design system</title>
		<link>https://inside-numbers.com/portfolio-items/data-viz-design-system</link>
		
		<dc:creator><![CDATA[Lisa Hornung]]></dc:creator>
		<pubDate>Fri, 06 Feb 2026 11:20:27 +0000</pubDate>
				<guid isPermaLink="false">https://inside-numbers.com/?post_type=avada_portfolio&#038;p=2695</guid>

					<description><![CDATA[Refreshed styles for Health Foundation data visualisation content]]></description>
										<content:encoded><![CDATA[<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-1" style="--awb-font-size:13px;"><p><a href="http://inside-numbers.com/portfolio">Portfolio</a> /</p>
</div><div class="fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-one" style="--awb-margin-top:5px;--awb-margin-bottom:35px;"><h1 class="fusion-title-heading title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:36;line-height:1.2;">Data viz design system</h1></div><div class="fusion-separator" style="align-self: flex-start;margin-right:auto;margin-bottom:60px;width:100%;max-width:100px;"><div class="fusion-separator-border sep-single sep-solid" style="--awb-height:20px;--awb-amount:20px;--awb-sep-color:#5b5a5a;border-color:#5b5a5a;border-top-width:1px;"></div></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-no-small-visibility fusion-no-medium-visibility" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_2 1_2 fusion-flex-column fusion-no-small-visibility fusion-no-medium-visibility" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-2"><p>Project to create a refreshed design system for data visualisation at the Health Foundation.</p>
<ul>
<li>Completed an audit of 244 charts to inform new designs</li>
<li>Undertook accessibility testing for colour and visual hierarchy</li>
<li>Created detailed chart components for online and print</li>
<li>Published new user guidelines</li>
<li>Reduced time for producing print charts by 50%</li>
</ul>
<p><!-- notionvc: 7044a1bf-d644-4fb2-a5ef-6753d898712e --></p>
</div><div ><a class="fusion-button button-flat fusion-button-default-size button-default fusion-button-default button-1 fusion-button-default-span fusion-button-default-type" style="--button_margin-top:20px;" target="_self" href="https://www.behance.net/gallery/243653085/Data-visualisation-design-system?"><span class="fusion-button-text awb-button__text awb-button__text--default">View on Behance</span></a></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-3" style="--awb-line-height:1.5;"><p><strong>Type:</strong> Data visualisation, design system</p>
<p><strong>Date:</strong> July 2025</p>
<p><strong>Copyright:</strong> Health Foundation</p>
<p><strong>Outputs: </strong>Chart styles, <a href="https://brand.health.org.uk/document/24#/welcome/how-to-use-this-guide">user guidelines</a>, <a href="https://medium.com/healthfdn-data-analytics/how-a-charts-audit-transformed-our-data-visualisation-practice-16d4553a5f11">blog</a></p>
<p><strong>Tool(s):</strong> Figma, Flourish</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-no-large-visibility" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_2 1_2 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-4" style="--awb-line-height:1.5;"><p><strong>Type:</strong> Data visualisation, design system</p>
<p><strong>Date:</strong> July 2025</p>
<p><strong>Copyright:</strong> Health Foundation</p>
<p><strong>Outputs: </strong>Chart styles, <a href="https://brand.health.org.uk/document/24#/welcome/how-to-use-this-guide">user guidelines</a>, <a href="https://medium.com/healthfdn-data-analytics/how-a-charts-audit-transformed-our-data-visualisation-practice-16d4553a5f11">blog</a></p>
<p><strong>Tool(s):</strong> Figma, Flourish</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_2 1_2 fusion-flex-column fusion-no-large-visibility" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-5"><p>Project to create a refreshed design system for data visualisation at the Health Foundation.</p>
<ul>
<li>Completed an audit of 244 charts to inform new designs</li>
<li>Undertook accessibility testing for colour and visual hierarchy</li>
<li>Created detailed chart components for online and print</li>
<li>Published new user guidelines</li>
<li>Reduced time for producing print charts by 50%</li>
</ul>
</div><div ><a class="fusion-button button-flat fusion-button-default-size button-default fusion-button-default button-2 fusion-button-default-span fusion-button-default-type" style="--button_margin-top:20px;" target="_self" href="https://www.behance.net/gallery/243653085/Data-visualisation-design-system?"><span class="fusion-button-text awb-button__text awb-button__text--default">View on Behance</span></a></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:5%;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_2_3 2_3 fusion-flex-column fusion-no-small-visibility" style="--awb-bg-size:cover;--awb-width-large:66.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.88%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:2.88%;--awb-width-medium:66.666666666667%;--awb-order-medium:0;--awb-spacing-right-medium:2.88%;--awb-spacing-left-medium:2.88%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><iframe
  src="https://flo.uri.sh/story/3183843/embed#slide-0"
  style="height: 500px; width: 100%;"
></iframe>
</div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-no-medium-visibility fusion-no-large-visibility" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><iframe
  src="https://flo.uri.sh/story/3183843/embed#slide-0"
  style="height: 400px; width: 100%;"
></iframe>
</div></div></div></div></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
