Skip to main content

Create engaging, inclusive and consistent digital experiences quickly

CivicTheme is an open source, inclusive and component-based design system. It was created so governments and corporations can rapidly assemble modern, consistent and compliant digital experiences.

More about our mission

Sunset in the mountains

Start designing

Start designing your CivicTheme web project with Figma.

Start building

Start building your web project with CivicTheme codebase in GitHub.

GOLD/AuG-Design System compliance

View a full listing of our component compliance and rationale.

WCAG assessments

See compliance statements for each component to WCAG 2.1.

Getting started with CivicTheme

Screenshot of CivicTheme

What is CivicTheme?

Theme thumbnail

How to use CivicTheme

Screenshot of CivicTheme

Documentation

CivicTheme Developer ChatBot (using OpenAI)

Try our CivicTheme Developer ChatBot using OpenAI.

Find developer information about:

  • The CivicTheme installation process
  • Managing and working with CivicTheme components
  • Customising CivicTheme
  • How to use CivicTheme
OpenAI logo

CivicTheme showcase

Australian Parliament House at night

Government template site

The Department of Citizens website demonstrates common government content across areas like programs, services, policies and consultations.

Graduating student in cap and gown blowing confetti

Higher education template site

The My University website shows a sample university website focusing on university-centered design and content.

Slide 1

Features

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.

Ready for government

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.

An illustration of the people launching a rocket ship

CivicTheme showcase spotlight

The BenefitMe website combines CivicTheme and Rules as Code (RaC), providing a website where NZ citizens can check their eligibility for social security benefits.

BenefitMe Logo

Resources

Developer

Content authors and administrators

Accessibility analysts

Contributing back to the community

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.

Get started (Opens in a new tab/window)
Return focus to the top of the page