Details Page Content

Usage

Details Page Content Use on any page that requires an editor to compose long-form or structured body content — such as event overviews, course descriptions, programme pages, case studies, plans, or press releases. It is the standard body content module for all detail-type pages on the site. The module is built around a slot system: editors assemble the body by inserting pre-approved content blocks in any order. This gives editorial flexibility while keeping the output visually consistent. The available slot blocks are: Summary — a lightly tinted intro paragraph shown at the top of the body, used to give users a quick overview before they read in full H2 / H3 / H4 / H5 / H6 — section headings at all levels Large copy — introductory paragraph text at a larger size (18px), used for lead paragraphs Regular copy — standard body paragraph text (16px), supports inline text links Accordion list — collapsible sections, each with a heading and body text; useful for structured content like course agendas or FAQs Bullet list — unordered list Ordered list — numbered list Single image — full-width 16:9 image with optional caption and image credit link Two images — two equal square images side by side, each with optional caption and credit Video — full-width video embed with a play button overlay and optional caption and credit Stats — a wrapping grid of stat cards, each with a large metric value and a short label; same pattern as Page Header Detailed Quote — a blockquote with quote icon, body text, and an optional attributed name, organisation, and headshot Callout — a highlighted white card containing an H4 heading, a bullet list, and a regular copy paragraph; used to call out key information such as who an event is for Card links — a row of up to 3 mini cards, each with a heading, a text link, and a small thumbnail image; used to cross-link related content Download cards — one or more tinted download buttons, each showing the file name, file type, and file size Button group — a primary CTA button (yellow) and a secondary outlined button side by side Table of contents (automatic rule): If the editor adds 5 or more H2 blocks to the body, a sticky table of contents panel appears in the left sidebar alongside the main content, auto-generated from the H2 headings. If fewer than 5 H2s are present, the sidebar is hidden and the body fills the full available width. Logo strip (optional): For event and course pages, an optional logo strip appears above the body panel. It shows two columns — one for a partner/provider logo (e.g. "This event is brought to you by") and one for a platform logo (e.g. "This course is available on: learniFI"). Press enquiries block (optional): For press release pages, a final block at the bottom of the body panel surfaces press contact information. The module is available in Desktop, Tablet, and Mobile device variants.