Media + Text Row — Pillar
Employee voices speak honestly

Content guidance
Usage
A row of statistics or claims paired with a supporting image. Each item is a Pillar — a big metric, a short claim, an optional link. Use for company-story sections where the numbers are the point.
Content length
Metric is the loud part — typically a percentage, dollar amount, or count. Short. Renders at display weight at large breakpoints.
Content is one sentence explaining what the metric
means. ~120 characters reads cleanly. Rich-text field; supports
adh_claim embeds for inline citation superscripts.
CTA is optional per item. When present, sits below the content as a primary-tone link with a chevron. Reserve for items where there really is more to read.
Items typically run 2–4. Above 4 the column gets long and competes with the image.
Variations
align_media places the image on the
start (left) or end (right) of the row at
large breakpoints. On mobile the image always stacks above the
pillars regardless of alignment.
background_color picks the section backdrop —
background (white) or background.weaker
(light neutral).
Color cascade
Only the per-item CTA links pick up the active theme's primary
tone. The big metric numerals are the same neutral dark as body
text (a static foreground.action.strong token, not
subtheme-scoped) — they stay constant across themes by design, so
the number itself stays the focal point.
| Page theme | Metric | CTA link |
|---|---|---|
blue | ||
ai-blue | ||
ai-green | ||
aqua | ||
earth | ||
green | ||
magenta | ||
purple |
Variants
Media alignment
align_media="start" Employee voices speak honestly

align_media="end" Employee voices speak honestly

Backgrounds
background_color="background" Employee voices speak honestly

background_color="background.weaker" Employee voices speak honestly

Item counts
Employee voices speak honestly

Employee voices speak honestly

Employee voices speak honestly

Content model
| Field | Type | Choices / Reference | Default | Required | Multi | ||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Section Header | Group | — | — | — | |||||||||||||||||||||||||
section_header — nested schema
| |||||||||||||||||||||||||||||
| Align Media | Dropdown | start, end | start | — | — | ||||||||||||||||||||||||
| Background Color | Dropdown | background (White), background.weaker (Light Gray (Neutral 100)) | background | — | — | ||||||||||||||||||||||||
| Image | Group | — | — | — | |||||||||||||||||||||||||
image_field — nested schema
| |||||||||||||||||||||||||||||
| Items | Group | — | — | yes | |||||||||||||||||||||||||
items — nested schema
| |||||||||||||||||||||||||||||