Ripple design system

The Ripple 2.0 design system is now available.

All new Victorian Government branded sites should now be built using the Ripple 2.0 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 the current Ripple design system. It:

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

The full version of Ripple 2.0 is now available and 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 migration plan

Over the next 12 months, the SDP team will migrate SDP-managed sites to Ripple 2.0. An SDP representative will liaise with site owners to plan the migration.

If you are an external vendor, or your site is maintained by an external vendor, the vendor will need to begin migration planning as soon as possible. Please begin the discussion to plan the migration of your site.

SDP will maintain support for Ripple 1 sites until March 2024. This includes critical bug fixes and security issues only. Beyond March 2024, SDP will no longer support Ripple 1 sites.

If your site is not yet built, you can start building on Ripple 2.0 straight away. Reach out to the SDP team if you have any questions.

Ripple 2.0 resources

Ripple 2.0 documentation site

As part of the refactor, we have documented the features and functions of Ripple 2.0 to help guide developers and designers to build Victorian Government websites.

Visit the Ripple Design System documentation site: https://www.ripple.sdp.vic.gov.au/.

GitHub code repository

Ripple 2 is open source and the code is available in a new GitHub repository: https://github.com/dpc-sdp/ripple-framework.

Figma design file

Figma is a cloud-based collaborative design tool that is used to house and build Ripple. It has a dedicated app, or can be run in your web browser.

Complete the form below to request access to the Ripple 2.0 design system in Figma.

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 your browser.

Figma design file access

You can request access to the Ripple 2.0 file using the form below.

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

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 support

Ripple 1 site support

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

SDP will maintain support for Ripple 1 sites until March 2024 to allow time for vendors to update client sites to Ripple 2.0. This support will include critical bugs impacting site availability and security issues only.

Beyond March 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 require access to Ripple 1, email design@dpc.vic.gov.au.

Enquiries and support

Updated 7 August 2024