Yarra Valley Water

Menu

Yarra Valley Water

Close menu
alt text landing page image

Landing page - component overview

The above text field has a recommended character limit of 30 characters.

This field is an 'Intro text' field. The recommended character limit for this field is 400 characters. There are several page banner colour combinations (white bg (background) + dark text | blue bg + white text, grey bg + blue text | cyan bg + blue text | purple bg + white text). Minimum banner image size is 2880x1029 pixels. Images are not mandatory - content will be spread across the banner if no image is selescted.

Careers page link

CTA Block - 3 column

CTA Block - Two column

CTA Blocks - Four column

Accordion heading - recommended 80 character

Accordion title - recommended 120 character limit (click here to open)

Accordion text fields can be used to provide further information regarding a topic - think of it as a 'find out more' for specific users interested in learning more about a topic/process etc.

This is also a convenient way to include more information on a page without creating a 'wall of text' and providing a better customer experience.

There is an option to have an accordion item expanded when the page is loaded.

alt text

Text and optional image block - recommended title character limit of 70

This is a text (and optional Image) block component.

This can be used to highlight content with a relevant image while adding visual diversity to the page.

The image and text can be swapped from left to right - alternating left and right is recommended if there are multiple consecutive text (and optional Image) Blocks.

Minimum image size for this component is 1725x300 pixels.

alt text

Text and optional image block (Left)

Insert your content here

Buttons can also be included as a CTA as with most other text-based components.

There are two styling options, with the first option primarily used for landing pages.

If you click on either of the below, it will refresh this page.

Click here

Click here

Text (and optional Image) block with no image

As the component name suggests, an image is not mandatory for this component.

If an image is not included, the text field has a centred, fixed margin as shown here.

This is recommended for shorter, supporting content or additional introductory messaging.

Related Links component

Categorised Links component - recommended 50 character limit

The Categorised Links component can be used for content with multiple page links (such as the Planned Works page) or for content with lists.

The component can also be broken down into groups of links, as per the examples below:

Text Call to Action (no link) title - 60 character limit

This is a dynamic component that should be used to highlight a key CTA or proof points/messaging. No line breaks can be used in this field. Several icons can also be used in this component (See 'Water drop with excalamation point' above). 

Text Call to Action (with link)

If a link is selected for this component, all of the text in this field will become a hyperlink, and the text will change to cyan.