This is a Page Banner

A page banner comes with a description, image and title. This is the component that'll be used on most of the brand refresh pages

page banner
This is the Rich Text Component, ALOT of the copy on the AWC site uses this component for copy, so it's worth getting used to using it.

Text sizes come in:

H1 - big and bold, for titles and headings

H2 - big and clear, good for subtitles and sections

H3 - big and clear, good for separation and structure

H4 - Smaller, good for adding structure to bigger pages

H5  - Used rarely

p - Standard body text

Containers now have a colour option!​ Available colours are:
White (Like this container)
Grey
Graphene
And Feel Good Green​

Container​ colours can be edited in the content editor (just like a standard component).

This is a grey container, any component can go into a container
This is the graphene container. Its just like the grey one except that its graphene.
This is the feel good green container. Its green and it makes you feel good.

This is a 50-50 Split

For the 50-50 split, the heading field is mandatory. This is a component which uses an image, title, body text and optional links.
splicard banner

This is a card container

These can be made and edited in the content editor. Only CERTAIN COMPONENTS can be used in the card container, some examples are:

card image

This is an icon card

Optional paragraph

This is a list item

Body of the list card goes here

  • Mandatory paragraph copy
Optional Caption
Optional Link
Optional caption
Optional Link Optional Secondary Link