Introduction

We’ve developed a design system for Queensland Health, to provide a consistent look and feel across Queensland’s digital properties.

It’s a solid framework that can be tailored to suit the diverse range of health sites within Queensland.

The tools will help designers and developers build consistent, user focused experiences for our audiences.

Get started

Who is it for?

Our design system is for the Queensland Health Community. We want to share the results of our user centered discovery and design work to help you deliver a consistent online experience for all Queenslanders.

You might be an individual or part of a team. You might be looking to make improvements to your site, or you may be looking at a redevelopment project. The design system will help you reduce time and cost and is fully customisable.

Who will benefit

Everyone benefits from our design system, whether you’re a designer, developer, or a member of the public. Our tools and templates can be used by anyone to deliver a high quality design that's simple to use and easy to navigate.

Designers and developers

Our design system provides a set of tools and templates that have been tested and validated with users. It’s a proven system that will save you time and investment while delivering better products and services.

Health Professionals

Our websites support the activities health professionals need to carry out every day. Our design system provides access to information and services that are consistent and easy to find.

General public

Our users come from different backgrounds, with different levels of literacy. Our design system provides an accessible experience so people can find what they’re looking for quickly and easily.

What are the benefits?

Everyone benefits from our design system, whether you’re a designer, developer, or a member of the public. Our tools and templates can be used by anyone to deliver a high quality design that is simple to use and easy to navigate.

Well designed

Delivers high quality visual design and functionality

Flexible

Includes options for JavaScript, jQuery and React

Maintained

Continuously improved

Robust

Browser support back to IE8 and no-js fallbacks

Customisable

Built on a detailed Sass ecosystem

Accessible

Meets WCAG 2.1 AA standard accessibility

Explore the design system

Last updated: May 2022