Definition
Headline salience is the composite metric for how visually prominent your primary headline is inside the creative — combining legibility, contrast, size, position, and share of predicted fixation mass into a single 0–100 score.
Quick facts
Full definition
Headline salience is how prominent your primary headline is in the ad creative, measured not by the designer's intent but by the viewer's likely attention. It's a composite of five underlying signals: the share of predicted fixation mass falling inside the headline's bounding box, contrast ratio against the local background, font size relative to mobile viewport, typographic weight, and positional alignment with the expected fixation sequence (top bar in F-patterns, center-weighted in Z-patterns).
The concept separates two things that designers often conflate: whether the headline is there, and whether the headline is seen. Any ad has a headline. High-performing ads have a salient headline — one that the viewer's eye actually lands on in the 1.7-second attention window. The gap between present and salient is the source of a large share of CTR disappointments.
A concrete example: a Facebook feed ad for a meal-kit service. The designer uses a beautifully shot plate of food as the hero, with the headline "Weeknight dinners, solved" set in a thin sans-serif at 14px beneath the photo. The saliency model shows the headline earns 6% of predicted fixation mass — viewers look at the food, register a pleasant image, and scroll. Rebuild the same ad with the headline overlaid on the photo at 32px, white-on-dark contrast, top-left position. Same words, same photo. Headline salience jumps from 42 to 81; CTR follows.
Why it matters for ad creative
In the sub-2-second dwell window on a scroll feed, the viewer is scanning for one signal: what is this about? The headline is the fastest answer — if it's legible. The image registers something; the headline explains it. If the headline is missed, the viewer never completes the "what is this about" query, the ad reads as vague, and the scroll continues.
Three specific performance consequences:
- Comprehension speed. A salient headline is read in a single fixation. A non-salient one requires the viewer to hunt for it, and most viewers don't.
- Click intent formation. The viewer's decision to click is driven by the promise in the headline. If they never read the headline, no intent forms and the click doesn't happen — regardless of how compelling the written words are.
- Landing-page pre-framing. A viewer who read the headline arrives at the landing page with context. A viewer who clicked on image alone arrives cold, and bounce rate reflects that.
Headline copy is a separate problem from headline salience. You can have a great line that no one reads, and a mediocre line that drives clicks because viewers actually register it. Both need to be right; salience is the prerequisite that copy usually gets treated as if it had already solved.
How to measure and apply it
The practical workflow for lifting headline salience:
- 1
Score the current creative
Run the creative through an attention model and record the headline salience score. Under 60 is a fail; 60–74 is borderline; 75+ is launch-ready.
- 2
Check contrast first
The fastest salience fix is contrast. Measure the headline's contrast ratio against the pixels directly behind it. Aim for 4.5:1 or higher (WCAG AA). A thin text over a busy photo fails this almost every time — add a dark overlay, a solid text plate, or move the headline onto a solid color region.
- 3
Size for mobile
Preview the creative at 375px viewport width. If the headline isn't readable at arm's length, increase font size, reduce the headline word count, or both. 24–32px typically lands in the sweet spot for social feed headlines.
- 4
Place on the fixation path
For text-heavy layouts, anchor the headline on the F-pattern top bar. For image-dominant layouts, place it in the Z-pattern top-left or integrate it with the hero element. Isolated headlines in the bottom third underperform almost universally.
- 5
Re-score and ship
A successful salience lift moves the score by 15+ points. Sub-5-point shifts usually mean the underlying problem — composition or contrast — wasn't actually fixed. Iterate before launch, not in paid media.
The headline salience checklist
- Contrast ratio ≥ 4.5:1 against local background.
- Font size ≥ 24px at 375px viewport.
- Fewer than 10 words.
- Position in the top third (image-dominant) or top bar (text-dominant) layouts.
- No competing element of equal or greater contrast within ~60px.
Related terms
Visual hierarchy
The composition-level framework that produces (or doesn't) a salient headline.
Attention heatmap
The visualization where headline salience shows up as a warm overlay on the text.
CTA visibility
The CTA equivalent of headline salience — measured the same way.
F-pattern scanning
The scan pattern that dictates where headlines need to sit to be read.