Callout
Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average
Content guidance
Usage
A single statement of impact: a stat, a claim, or a one-line summary that anchors the section around it. One per section.
Content length
The content field is a Contentstack rich-text editor
with bold, italic, underline, link, and embed support. Aim for one
sentence, ~140 characters or fewer. Max ~200 before the block feels
crowded.
For a citation, embed an adh_claim entry where the
superscript should sit. It renders inline as a small marker, and
the source appears in a tooltip on hover. Don't repeat the source
as page-bottom prose; that's what the embed is for.
If the claim runs longer, split it into two short paragraphs (the body accepts both). If it's still long, the Callout is the wrong block. Move to a Feature Dense row or Media + Text.
Variations
Three variants:
basic (text-only, themed color),
expressive (tinted background),
fullColor (strong background with a decorative shape).
Five icons:
barChart, click, people,
quote, trendingUp. Set via the
icon field.
Color cascade
The Callout uses the active page theme's complementary palette, not the page's own color.
| Page theme | Callout |
|---|---|
blue | |
ai-blue | |
ai-green | |
aqua | |
earth | |
green | |
magenta | |
purple |
Variants
Variants
variant="basic" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
variant="expressive" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
variant="fullColor" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
Icons
icon="barChart" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
icon="click" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
icon="quote" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
icon="people" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
icon="trendingUp" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
Colorways
hue="aqua" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
hue="blue" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
hue="earth" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
hue="green" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
hue="magenta" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
hue="purple" Indeed Sponsored Jobs receive 45% more clicks than non-sponsored jobs on average.
Content model
| Field | Type | Choices / Reference | Default | Required | Multi |
|---|---|---|---|---|---|
| Content | Rich text | Asset, citation, adh_claim | — | yes | — |
| Variant | Dropdown | basic, expressive, fullColor | basic | yes | — |
| Icon | Dropdown | barChart, click, quote, people, trendingUp | click | yes | — |
| Background Color | Dropdown | background (White), background.weaker (Light Gray (Neutral 100)) | background | — | — |