Select the types of activity you want to include in your feed.
[READ-ONLY] Mirror of https://github.com/danielroe/ripple-framework. Ripple is the presentation layer for building websites on the DPC Single Digital Presence platform.
···11---
22title: Our Design Principles
33description: There are four design principles that are the foundation of the Ripple Design System.
44-layout: default
44+layout: page
55label: Core
66links:
77- text: Figma
···11---
22title: Colour
33description: 'Colour plays an important role in creating a consistent and strong visual digital products and services.'
44-layout: default
44+layout: page
55label: Core
66links:
77- text: Figma
···11---
22title: Motion
33description: 'Motion gradually changes an element from one state to another. It can also indicate an interaction.'
44-layout: default
44+layout: page
55label: Core
66---
77
···11---
22title: Spacing
33description: 'In components and layout, a defined set of spacing units provides good alignment and consistent spacing relationships.'
44-layout: default
44+layout: page
55label: Core
66---
77
···11---
22title: Logo
33description: 'The visual representation of vic.gov.au and the Victorian Government.'
44-layout: default
44+layout: page
55---
6677
···11---
22title: Focus State
33description: 'Focus states show when a user has highlighted an element, using an input method such as a keyboard or voice.'
44-layout: default
44+layout: page
55label: Core
66links:
77- text: Figma
···11---
22title: Grid
33description: 'With up to 12 columns, you can build grids with responsive layouts across different breakpoints.'
44-layout: default
44+layout: page
55label: Core
66links:
77- text: Figma
···11---
22title: Callout
33description: A callout is used to draw attention to specific or important content.
44-layout: default
44+layout: page
55label: Core
66links:
77- text: Figma
···11---
22title: Call to action
33description: A card promoting a specific piece of content featuring a button highlighting the call to action.
44-layout: default
44+layout: page
55label: Core
66links:
77- text: Figma
···11---
22title: Acknowledgment
33description: The Acknowledgement of Country pays respect to the First Peoples of Victoria.
44-layout: default
44+layout: page
55label: Core
66links:
77- text: Figma
···11---
22title: Accordion
33description: An accordion is an expandable panel designed to save space by hiding and revealing content as required.
44-layout: default
44+layout: page
55label: Core
66links:
77- text: Figma
···11---
22title: Button
33description: 'Buttons are used to indicate an action. Button labels express what action will occur when the user interacts with it.'
44-layout: default
44+layout: page
55label: Core
66links:
77 - text: Figma
···11---
22title: Ripple Module Ecosystem
33description: 'Here is some information about how we build websites'
44-layout: default
44+layout: page
55---
6677And here's the content
···11---
22title: Adding a new dynamic component
33description: 'Learn how to add a new dynamic page component to a content type'
44-layout: default
44+layout: page
55---
6677This is how you do that