Ripple design system

What is Ripple?

Ripple 2.0 is the design system for Victorian Government branded digital products. It is the front-end layer of Single Digital Presence (SDP). It provides a single source of truth for styles, components and patterns when creating digital experiences on SDP.

Designers, content creators and developers across government can all draw from the same library of components, knowing designs are accurate and up to date. This reduces time, costs, effort and duplication, to increase efficiency when we build digital content.

Most importantly, it helps provide users of Victorian digital services with simpler, more consistent and cohesive online experiences.

Who is Ripple for?

Designers can easily and quickly create wireframes, high-fidelity designs and prototypes.
Developers can access technical specifications to create pixel-perfect code.
Content creators can design page concepts, knowing their layouts will accurately reflect the finished product.
Product owners and stakeholders can review designs and provide feedback.

What is Ripple 2.0?

Ripple 2.0 is a refactor of our original Ripple design system. It:

continues to be an open-source design system
updated designs with new base styles and components
improved the code to better meet industry standards and best practice
enhanced accessibility, SEO, security and performance
automated some manual processes
expanded how we document SDP design assets, including components and templates.

The full version of Ripple 2.0 includes:

a public documentation site with style, component and usage guidance
the final Figma design system file. You can request access to the Figma file via the form below
GitHub code repository.

Ripple 2.0 resources

Ripple 2.0 documentation site

Our documentation site describes the features and functions of Ripple 2.0 to help guide developers and designers to build Victorian Government websites.

GitHub code repository

Ripple 2 is open source and the code is available in a new GitHub repository.

Figma design file

Figma is a cloud-based collaborative design tool that is used to house and build Ripple. You can use it via the app or a web browser.

You will need a Figma account to view and build upon Ripple. Figma currently offers a free tier with full functionality that can be used in a web browser.

Once your access has been approved, open Figma:

Go to the Getting Started page in the Ripple 2.0 file.
Follow the guidance outlined on how to use Ripple 2.0.

Request access to the Ripple 2.0 file

Your name(Required)

Your email address(Required)

Your job title(Required)

Department or organisation(Required)

Reason for requiring access (specific project, etc)(Required)

The Department of Government Services (the Department) collects the information that you provide with this complaint form. The information that you provide is used to respond to your enquiry. You can request access to, and corrections of, any personal information provided in this form. Requests for access or correction should be sent to privacy@dgs.vic.gov.au

The Department is using the services of Drupal 10 to administer this form. The information that you provide is stored on the Microsoft Azure infrastructure in Sydney, Australia.

For more information on the Department’s handling of any personal information, please refer to the Department’s Privacy Statement.

If you do not provide all or part of the information requested, the Department may not be able to contact you regarding your enquiry. Please contact the Department of Government Services if you wish to use an alternative mechanism to the online form.

I have read and understand how Department of Government Services stores information. (Required)

Important email

Ripple 1 support

Ripple 1 site support

Nuxt 2 framework is now end of life. Vue 2 was only supported by the vendor until 31 December 2023.

SDP maintained support for Ripple 1 sites during 2024 to allow time for vendors to update client sites to Ripple 2.0. This support includes critical bugs impacting site availability and security issues only.

Beyond 2024, SDP will no longer provide support for Ripple 1.x sites.

Ripple 1 Figma support

Existing access to the Ripple 1 Figma files will remain until March 2024. However it will not be supported and no updates will be published. If you need access to Ripple 1, email design@dpc.vic.gov.au.

Enquiries and support

Updated 30 December 2024