DTA Design Guide Getting started

How to start building Australian Government services with UI-Kit.

The DTA Design Guide documents the design system the Digital Transformation Agency is building with the UI-Kit CSS and JS framework.

Foundations
describes how to use the core modules all services need: typography, layout and colours.
Components
documents how to use the UI-Kit building blocks. For example, forms & buttons.
Patterns
shows how to combine the building block components to meet user needs. For example, navigation.
Templates
will contain examples of common service pages with multiple patterns. For example ‘Contact us’ and media releases.

Use UI-Kit

Get help