This is the hero title.

This is the hero introduction copy, shown directly below the title.

THIS IS THE HERO LOWER CONTENT. IT RENDERS BELOW THE MEDIA AND SEARCH BAR.

This paragraph probes plain rich text in the lower content field. The list below probes the checkmark bullet treatment.

This is the first checklist item
This is the second checklist item
This is the third checklist item
This is the fourth checklist item

This hero has no media and no search box.

With no media chosen the band renders black. This probes the no-media and search-off states.

This lower content renders even though the search box is switched off.

This is the WYSIWYG headline

This is a normal paragraph. The body is one rich-text field supporting bold, italic, underline and inline links.

This is a Heading 3 from the Format dropdown

The Format dropdown offers Normal, Heading 1–6, Formatted, Address and Normal (DIV) — the same ramp as the Announcement plugin.

Bulleted lists are the only list type in the toolbar
There is no numbered-list button
Indent and outdent are available

Tables are	author-available
via the toolbar	(2×2 demo)

Below: an image embedded through the rich-text Image button (not a Media fieldset):

Image embedded in rich text

This is the About Product headline

This is the media caption

This is the About Product body — a rich-text field supporting bold and inline links. This instance has an image (fixed-width media column), a media caption, and the CTA rendered as a button.

Prices from £6,995

This is the CTA button

This is the announcement plugin content. (Heading 1)

This is the announcement plugin content. (Heading 2)

This is the announcement plugin content. (Heading 3)

This is the announcement plugin content. (Heading 4)

This is the announcement plugin content. (Heading 5)

This is the announcement plugin content. (Heading 6)

This is the announcement plugin content. (Formatted)

This is the announcement plugin content. (Address)

This is the announcement plugin content. (Normal DIV)

This is the list plugin headline

This is the list plugin text content

This is the first list item headline

This is the first list item text content
This is the media caption

This is the second list item headline with media

This is the second list item text content, shown alongside an image.
This is the third list item headline with a CTA link

This is the third list item text content, with a call to action displayed as a link.

This is the item CTA as a link
This is the fourth list item text content. Its title is toggled off and its CTA renders as a button.

This is the item CTA as a button

This is the list plugin CTA

This is the accordion headline

What does a plain accordion item look like?

Like this — a single paragraph of body copy. The question row above is the Static Text/Image Plugin’s Headline field, and this answer is its rich-text Text content field.

Can an answer hold rich text?

Yes — the answer is a full rich-text field. It supports bold text, inline links and lists:

First bullet point
Second bullet point
Third bullet point

A second paragraph after the list works too.

Can an answer include an image?

This item has an image set in its Media fieldset with layout “Image Left”, plus a media caption. This verifies whether the accordion template renders media inside an opened row.

Can an answer include a CTA link?

This item has the Call to Action fieldset filled in: Link, Link text and Link type “New tab/window”, with “CTA as a button?” left unticked — so it should render as a text link.

Can the CTA render as a button?

Same Call to Action fields as the previous item, but with “CTA as a button?” ticked — so this one should render as a button rather than a text link.

This is the small text — a rich-text field that renders below the accordion items and supports links and bold.

This accordion has its headline hidden

The parent module’s Headline field is filled in but “Display the Title?” is unticked — the items start straight after the section padding.

This is a second item on the grey theme

Grey theme: the section background is the grey surface token; rows and text are unchanged from the light theme.

This is the dark theme accordion

This is an accordion item on the dark theme

Dark theme: dark section background with inverse text. The open row’s question keeps the accent colour.

This is a second item on the dark theme

Second row to show the divider treatment between items on the dark theme.

This is the small text on the dark theme

This WYSIWYG has an empty Headline field (there is no “Display the Title?” checkbox on this plugin — leaving the field empty is the only way to omit the title). Grey theme.

This is the dark theme WYSIWYG

Dark theme instance. This paragraph carries an inline link to verify the as-live link colour on the dark background, plus:

a bulleted list item
and a second one

This About Product carries a video (grey theme)

This is the video caption

The Media fieldset offers image OR video URL — this instance uses the video slot with Max size 600 to test whether About Product renders an inline player like the List items do, and whether Max size caps it.

This is the dark theme About Product

Dark theme instance with the CTA left as a text link (“CTA as a button?” unticked) — verifies the previously assumed dark-theme link and text colours. No media set, so the text takes the full container width.

Prices from £6,995

This is the CTA link

This is a grey theme announcement. The Name field above it in the admin is an identifier only — it should not render. Rich text works here too: bold and a link.

This is a dark theme announcement (Heading 3)

Body line with a link to verify the dark link colour.

This is the media carousel headline

This intro text sits below the carousel headline. It supports bold and links.

This is the media caption for slide one

This is the first slide with an image and caption

This is the slide text content. It supports bold text and inline links.

This is the second slide with a CTA link and max size 600

This slide has its Max size field set to 600 pixels and carries a CTA styled as a link.

This is the CTA as a link

This is the third slide with a CTA button

This slide carries a CTA with the button checkbox ticked.

This is the CTA as a button

This is the fourth slide with a video

This slide carries a hosted video URL instead of an image.

This fifth slide has a hidden headline and a portrait image

The headline of this slide is switched off and its image is a portrait crop, probing how the carousel treats non-landscape aspect ratios.

This is the grey theme media carousel

This intro text sits on the grey theme.

This is a grey theme slide with an image

This slide verifies the grey theme surface and text colours.

This is a text-only grey slide

This slide has no media at all, probing the empty media column.

This is the dark theme media carousel

This intro text sits on the dark theme with a link to verify the dark link colour.

This is a dark theme slide with a CTA link

This slide verifies dark theme text and accent colours.

This is the dark CTA link

This is a dark theme slide with a CTA button

This slide verifies the button styling on the dark theme.

This is the dark CTA button

Tabbed Content — light theme. This headline is the plugin’s h2 title.

Tab one panel — child Static Text/Image headline

This is the body of Tab one, authored as a child Static Text/Image Plugin. It includes an inline link and bold text to probe rich rendering inside a tab panel.

Bullet one inside a tab panel
Bullet two inside a tab panel

Media caption probe — does this render under a tab-panel image?

Tab two panel — image left layout with caption + CTA probe

Tab two probes MEDIA + CTA rendering inside a tab panel: an image with Image Left layout, a caption, and the CTA fieldset filled. If an image renders beside this text, tab panels render media (the accordion never renders its children’s Media fieldset).

CTA probe inside tab panel

Tab four — first stacked child

First of TWO Static Text/Image children inside Tab four — probing whether a tab panel stacks multiple children vertically. This one is a longer block to also make Tab four the TALLEST panel: switch between tabs and watch whether the module height jumps to each panel’s own height or is fixed to the tallest.

Tab four — second stacked child

Second stacked child. If you can read both blocks in Tab four, the panel stacks unlimited children — same content model as a page placeholder.

Grey tab A panel

Grey theme, tab A. The module headline above is hidden (show_title OFF) — if no h2 renders, the toggle removes it from the DOM like every other module.

Grey tab B panel

Grey theme, tab B — switch here to sample the active/inactive tab styling on the grey surface, including an inline link for contrast checks.

Dark tabbed content — theme probe

Dark tab A panel

Dark theme, tab A. Includes bold text and an inline link — probe whether dark-theme links keep the light accent (the AA fail seen on WYSIWYG and Announcement).