Design Guide

This is a heading two

This is a paragraph with dummy content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non eros rhoncus, ultrices felis quis, lacinia nulla. Etiam leo nisi, commodo vel dignissim eu, facilisis non urna. Pellentesque tempor tortor eget ex imperdiet maximus. Phasellus eu purus purus. Suspendisse at sapien sagittis, sollicitudin ligula ut, sodales orci.

This is a Heading Three

This is a paragraph with dummy content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non eros rhoncus, ultrices felis quis, lacinia nulla. Etiam leo nisi, commodo vel dignissim eu, facilisis non urna. Pellentesque tempor tortor eget ex imperdiet maximus. Phasellus eu purus purus. Suspendisse at sapien sagittis, sollicitudin ligula ut, sodales orci.

This is a Heading Four

This is a paragraph with dummy content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non eros rhoncus, ultrices felis quis, lacinia nulla. Etiam leo nisi, commodo vel dignissim eu, facilisis non urna. Pellentesque tempor tortor eget ex imperdiet maximus. Phasellus eu purus purus. Suspendisse at sapien sagittis, sollicitudin ligula ut, sodales orci.

This is a link

Colours

Smalt

#003399

Endeavour

#0055A4

Cerulean

#009EE2

Seagull

#7EB4E6

Cod Grey

#121112

Oslo Grey

#939597

Pampas

#F4F2F0

Periwinkle Grey

#D1D6EC

Electric Lime

#CCFF00

Crimson

#ED1B23

Error

#E20000

Success

#0DA400

Page layout

Pullquote

“Use this block for short statements or quotes”

Text formatting

50% Column A

WordPress allows you to split content into columns. This is what it would look like if you used the Columns Block 50/50.

50% Column B

This is a paragraph with dummy content. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

33% Column A

This is what three columns looks like. On mobile the columns simply stack on top of eachother.

33% Column B

This is a paragraph with dummy content. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

33% Column C

This is a paragraph with dummy content. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Unordered List

  • This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ordered List

  1. This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ordered List (Alpha)

  • This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • This is a bullet point. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Table

Table HeadingTable HeadingTable HeadingTable Heading
CellCellTable Cell with the text going onto 2 linesCell
CellCellCellCell
CellCellCellCell
CellCellCellCell

Divider


Buttons

Add class of white or black for alternate versions.

Contact Form

    Send us a message

    Contact our team - we'll get back to you within one working day.



    Federation Sponsors