Design Guide - Ballyhoo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis fringilla aliquam. Suspendisse vulputate id ipsum eget tristique. Nunc id sollicitudin nibh. Pellentesque semper auctor metus.

This is a heading two

This is a Heading Three

This is a Heading Four

Our colours

Formatting elements

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. Suspendisse mattis fringilla aliquam. Suspendisse vulputate id ipsum eget tristique. Nunc id sollicitudin nibh. Pellentesque semper auctor metus.

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 what three columns looks like. On mobile the columns simply stack on top of eachother.

33% Column C

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

Unordered List

This is a paragraph with dummy content. This is line two.
This is a paragraph with dummy content. This is line two.
This is a paragraph with dummy content. This is line two.

Ordered List

This is a paragraph with dummy content. This is line one.
This is a paragraph with dummy content. This is line two.
This is a paragraph with dummy content. This is line three.

Ordered List (Alpha)

This is a paragraph with dummy content. This is line one.
This is a paragraph with dummy content. This is line two.
This is a paragraph with dummy content. This is line three.

Unordered List Full-Width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis fringilla aliquam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis fringilla aliquam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis fringilla aliquam.

Pullquote Block

Use this block for testimonials or other quotes
Optional Name & Position Caption

Table

Table Heading	Table Heading	Table Heading	Table Heading
Cell	Cell	Table Cell going onto 2 lines	Cell
Cell	Cell	Cell	Cell
Cell	Cell	Cell	Cell
Cell	Cell	Cell	Cell

Divider (aka Separator)

Buttons

Contact Form

We either need to automate creating a basic contact form and embed it here, or hard-code a form just for styling…