A true design system

  • Theme thumbnail

    Based on atomic design principles

    CivicTheme is a true design system based on atomic design principles. It's made up of a set of standards, reusable components and patterns.

A component library

  • Screenshot of CivicTheme with an artist color palette

    Connecting designers and developers

    CivicTheme’s component library connects code (i.e. JavaScript, CSS, HTML) with design (i.e. Figma).

User-centred, accessible, versatile

  • User-centred design

    User-centred design is imperative to the development process.

  • Inclusive and accessible — WCAG 2.1 AA compliant

    Built and assessed to comply with WCAG accessibility standards 2.1 AA out-of-the-box.

  • Technology agnostic

    A neutral design system that’s not tied to a specific technology, framework, platform or system.

Drupal, GovCMS, decoupled

CivicTheme’s first technology builds were for:

  1. The popular open source CMS, Drupal 
  2. The Australian whole-of-government CMS program, GovCMS

The roadmap aspires to support other popular decoupled UI frameworks such as React and Vue.

Open source

CivicTheme is:

  • Fully open source so communities can adopt, adapt or customise
  • Fully open source to co-create with communities for communities
  • Fully open source to build on the pioneers before us, to make it even greater again, for the next generation

 

Open source custodians

Salsa Digital(Opens in a new tab/window) is an open source digital innovation company focused on helping governments and enterprises become more open, more connected and more consolidated.
 

Ready for government

CivicTheme is based on and inspired by the former Australian Government Design System (aka GOLD Design System) and then uplifted with new features and functionality based on current users’ needs.

CivicTheme also aligns to, and facilitates compliance with, many policies of leading digital nations. These policies include open source, unified government services, and whole-of-government architecture patterns.

More information

Sign up

Sign up for news and updates from our agency.
Sign up