Getting started designing

The CivicTheme project includes both the open source design system and the open source build of CivicTheme. The CivicTheme design system is in Figma.

How to use the Figma designs

You can view instructions on how to use the Figma design system at CivicTheme Figma design file.  

The Figma instructions cover the following topics:

  • How to use this library
  • Customise colours
  • Colour palette
  • Primary shade colours
  • Customise fonts
  • Customise logo
  • Customise background pattern

For more information about CivicTheme please email civictheme@salsadigital.com.au.

What are Figma design files?

Figma is the online design tool used to create the CivicTheme design system and components. The Figma files can be used and edited to suit your project, including exporting to Adobe. 

If you need help using Figma, checkout Figma's online how-to guides and visit the Figma Learn Design resource(Opens in a new tab/window).

Help make government intuitive for all

CivicTheme is Australia’s government-first design system, empowering agencies, freelancers, and departments to create seamless experiences for every citizen.