Example Blog

This is a full test blog created purely to check the Blog Builder. It includes paragraphs, coloured text, highlighted text, responsive images, gallery grids, a gallery cover, video embeds, quotes, callouts, dividers and CTA blocks.

The purpose of this article is simply to stress-test the editor and make sure exported content behaves correctly inside the CMS. Everything on this page should remain responsive and editable in Design Mode.

Here is some bold text, some italic text, and a short phrase with inline styling: this text should appear aqua. Here is another phrase with a soft highlighted background: this text should be highlighted.

Testing normal editorial spacing

This section exists purely to check paragraph rhythm and spacing between sections. The layout should feel calm, clean and editorial rather than oversized or too “sales page”.

• Bullet point one to test list styling.
• Bullet point two with slightly longer copy to test wrapping.
• Bullet point three with a test link.

Testing a standard content image

The image below should be selectable in Design Mode. You should be able to edit the image URL, alignment, caption and width.

This is a styled quote block. It should feel editorial and premium without dominating the page.

Testing a responsive gallery grid

This gallery grid should display multiple images side-by-side on desktop while remaining responsive on smaller devices.

This is a responsive gallery grid.

Testing a gallery cover

This should display one large cover image. Clicking it on the website should open the full hidden gallery in a pop-up lightbox.

View 5 images

Testing a video embed

This video section exists to ensure iframe embeds scale properly and maintain spacing within the article layout.

Testing a smaller heading

This is an H3 heading example to ensure heading hierarchy works properly throughout the article.

1. Numbered list item one.
2. Numbered list item two.
3. Numbered list item three.

Final section

If everything is working properly, you should now be able to:

• Edit text directly in Design Mode.
• Change text colours and highlights.
• Edit single images.
• Edit gallery grids.
• Edit gallery covers and hidden images.
• Resize and align images.
• Edit CTA and callout colours.
• Export clean HTML into the CMS.