Australia's Biggest Morning Tea

Every dollar raised makes an incredible difference

Register Now

Design system

Wednesday 27 April, 2022
by Stuart Wells

While we can create pages that do almost anything, we can build faster, more consistent pages and sections if we use the design system. This ensures pages will be fast, accessible, consistent and easy to maintain. This section describes what it abailable to be used, however please note that if these elements don't fit your needs, we can always add more elements to the design system.

Styles

The standard site styles used throughout normal content to aid accessibility and consistently. 

Read more

Special content elements

More advanced elements of content such as highlight boxes and videos.

Read more

Widgets

Used when extra functionality is required in a page, such as loading lists of other content or adding extra navigation.

Read more

Page templates

Each page can have different layouts such as full width pages, pages in columns (with menus), narrower pages for stories.

Read more

Image templates

Throughout the site some images are used. To keep them consistent, the dimensions are listed here, and PSD template files may be made available.

Read more

Forms

How to add forms on the site. Read more

Design system one pager

This is a single page with all the design elements on it, used for import into design programs. Read more