Site components

Use these components in the page editor to build your site.

simple

A clean, text-forward header: eyebrow, heading, intro and one button. The default for most pages.

Leave the heading blank to reuse the page name. Choose a background tone or a custom colour, or set a background_image (an image id) for a photographic feel.

advanced

An advanced header with editable content hooks, optional decorative background image and optional safe-ss styling.

Use the background image for decorative texture only; event title, date and calls to action must remain in the structured fields. Safe-SS is scoped to this header and limited to the safe-ss whitelist.

poster

A bold poster-style header with six built-in layouts and no custom CSS.

Pick a style such as Sunburst civic, Pop collage, Conservatory ledger, Conservatory notice, Scandinavian editorial or Concert ticket. Keep the title short and put secondary information in date, intro and facts.

section

A single-column section that groups ordinary Blocks on a shared background.

Use this when several blocks should read as one band. Keep nested content simple; use Multi-Columns for side-by-side layouts.

columns

A two to four column section where each column can contain its own Blocks.

Use two or three columns for text-heavy content. Columns stack on small screens.

programme_timeline

An ordered programme with time labels, icons and a vertical or horizontal timeline design.

Use the label for the time or day, for example '09:00' or 'SAT'. The default vertical style is best for longer schedules; use horizontal for a short showcase row. Keep each item's text short.

carousel

An image-led carousel for visual highlights, with slide dots and optional calm autoplay.

Use 2-8 slides. Every slide needs image_id. Headings and captions are optional; keep them short. Autostart is optional and stops when a visitor interacts; do not assume looping or arrows.

card_collection

A set of richer cards, each able to carry an image, title, text and a button. Use for audiences, tracks or resources.

Cards can have an image (image_id) or just an icon. Keep the number of cards to a handful so the row stays tidy.

pricing_cards

One to four price options, each with a price, a short detail and a list of what's included.

Use 1-4 cards (mark at most one as highlighted to suggest the recommended option). On a card, subtitle shows in small text under the title and detail under the price — keep both short, and use features for the bullet list of what's included.

faq

A list of questions and answers grouped into editable Topics.

Group related questions into Topics. Keep each answer short enough to scan in an accordion. Search appears automatically when there are 10 or more questions.