Link Search Menu Expand Document

DDI Design system

Design system and other resources for all service teams.


What’s new

1 Dec 2021: We’ve released UI components react-v3.4-beta and angular-v2.0-beta. These releases contains new components within the React and angular frameworks.

Read the release notes to see what’s changed.

Sign up to get update emails about the Design System.


Guidelines

Guidelines are the basic characteristics that make up a component such as colour, spacing, typography, layout, icons, and much more.

Browse guidelines


Components

Components are reusable parts of the user interface that have been made to support a variety of applications. You can use individual components in many different patterns and contexts.

Browse components


Patterns

Patterns are larger tasks and flows that are supported by a group of components. You can use many different components in different patterns and contexts.

Browse patterns


Contributing

To contribute to the design system, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.