Style Guide

Design system

A collection of reusable components, guidelines, and standards used to ensure consistency, efficiency, and scalability in design and development across products and teams.

Brand Guide

Example of branding in relation to fonts, colours and other elements.

Colours

Examples of the base colour palette, colour gradients & duotone colours.

Fonts

Examples of fonts included in the theme & possible font pairings.

Fluid Typography

The adaptation of font sizes with changes in viewport width.

Fluid Spacing

Create layouts that respond regardless of screen size.

Content Width

Max width of the main content area affects appearance content.

Style Book

One theme. Infinite styles.

Flexible blocks enable attractive, intuitive experiences through customisable design & layout options.

Use core WordPress Blocks to effectively meet design objectives. Read more

WooCommerce blocks you can use to build & customise your store. Read more

Content blocks that structure your content for users and search engines. Read more

Create layouts that respond regardless of screen size. Read more