Documentation

Structured Content Examples

A landing page fixture that demonstrates every supported structured section type and visualization data variant.

Use this file as a structured content fixture for frontmatter-heavy landing pages and CMS entries. The examples above cover every supported section type, including all structured visualization variants.

CMS parity

The same sections array can be supplied from MDX frontmatter or from a CMS entry because both paths use the same content schema.

Structured fixture

Compose pages from validated content blocks

This page demonstrates the frontmatter sections supported by the shared renderer.

Structured content hero preview
Hero media supports captions and credits. Platform content team.

Content section with actions and optional media

Use content sections for focused narrative copy. Add actions when the section should send readers to a related page or workflow.

Content section preview

Media section

Media section preview
Media blocks can stand alone in full, inline, or aside layouts.

Features

Feature grid

Feature cards document repeated capabilities with optional links and media references.

Metadata

Titles, descriptions, dates, SEO fields, media, and actions are validated.

Sections

Landing pages can be assembled from structured reusable blocks.

Charts

Structured visualization blocks support chart data without custom code.

Editorial layout

Text media section

Pair body copy with a media reference and choose whether media appears on the left or right.

Text media section preview

Narrative break

Content band

Use content bands for centered page breaks, summaries, or transitions between dense sections.

Call to action

CTA section

CTA sections require at least one action and are useful near the end of a page.

Proof

Logo strip

Editorial notes

Rich text section

Rich text sections support paragraph breaks from structured body fields.

Use them for CMS-managed prose that does not need custom MDX components.

Metrics

Stats section

Stats sections can show two to six validated metric items.

14Section types

Known renderer mappings.

8Chart variants

Structured visualization variants.

2Providers

MDX and CMS.

Workflow

Process section

Process sections document ordered workflows.

  1. 0101

    Draft

    Create MDX or CMS content with complete metadata.

    Learn more
  2. 0202

    Validate

    Run schema, component, and chart checks before review.

  3. 0303

    Publish

    Ship through the shared route and renderer.

Validation

Proof section

Proof sections combine supporting copy, optional quotes, stats, and actions.

Content authors can build durable pages when the examples are concrete and validated.

Platform content team
3Fixtures
Common blocksCoverage
Metric visualization100%+12%

Content examples parse through the shared schema.

Comparison visualization

MetadataComplete frontmatter coverage.
92
BlocksCommon section coverage.
88
ChartsVisualization variants.
84
Comparison visualization data
ItemScore
Metadata92
Blocks88
Charts84

Embed visualization

Embed blocks preserve provider-specific payloads as structured JSON.

Provider
analytics
Embed ID
content-health-dashboard