Skip to content
Marketing & SEO Simple #headlines#copywriting

Headline Formula Grid

Number-driven, question, how-to, listicle, contrarian - which formula wins per channel.

A free, animated headline formula grid you can read here or embed on any website, from Scrollchart.

Headline Formula Grid

Headline Formula GridCTR performance index by formula and channel. Darker = stronger click-through signal.

A matrix of headline formulas (rows) by channel (search, social, email) showing CTR performance for each combination.

Good for

  • Content team style guides showing channel-specific headline formulas with CTR benchmarks
  • Copywriting course materials illustrating why the same formula underperforms across contexts
  • Email and social media strategy decks arguing for headline A/B testing frameworks

Source & accuracy

This headline formula grid is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Formula patterns: number-driven, question, how-to, contrarian

Successful headlines follow repeatable patterns. Number-driven headlines (7 ways to..., The 10 best...) work across all channels because they promise specific scope and completeness. Question headlines (Why do you need a CRM?) activate curiosity but work best with commercial intent. How-to headlines (How to structure a sales call) work for tutorials and MOFU content. Contrarian headlines (Stop using spreadsheets for...) work for trend-heavy and expert-positioned content but can backfire if the contrarian position is weak. Each pattern has a conversion rate baseline: number-driven consistently outperforms question headlines by 15-25% in listicle contexts. How-to outperforms question for educational content. Contrarian works when you have proof; empty contrarianism underperforms. The grid maps which formula works best for each channel and content stage.

Channel-specific headline winners

Email subject lines are often question or curiosity-gap headlines (What I learned from..., You won't believe...) because open rates favor surprise and specificity. Blog titles are number-driven or how-to because search engines rank specific, useful-sounding titles higher. Social posts are hook-based (short, surprising, identity-affirming) rather than direct benefit statements. Reddit and forums favor authenticity and specificity over polished formulas. A headline that's ideal for a blog post (How to choose a project management tool) underperforms on social (too long, not surprising). The same core idea rephrased for each channel (email: 'You're using the wrong PM tool', blog: 'How to choose a project management tool', social: 'We tested 12 PM tools') performs 3-5x better than using one headline across channels.

Testing headlines to find your audience pattern

The formula that works varies by audience. B2B audiences often respond to benefit-driven (Save 10 hours per week with...) or how-to headlines. Consumer audiences often respond to curiosity-gap or lifestyle-affirming headlines. The only way to know is to test: publish the same content with 3 different headlines (via social or email variants) and track engagement. A/B testing headlines on social posts is free and gives you directional data in 48 hours. Email headline tests (subject line variants) take longer but reveal strong patterns. After testing 10-20 headlines, you build intuition for what works in your category and audience. Mature teams continuously test headlines, treating formula selection as a data problem rather than an art problem.

Embed this diagram

Add this animated headline formula grid to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated headline formula grid for any website.
Who uses it
Content marketers.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="headline-formula-grid" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Headline Formula Grid" for my website?
Scrollchart provides "Headline Formula Grid" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a headline formula grid in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.