Free guide + Claude skill

The Funnel Design Rulebook

12 design rules for funnels that turn visitors into clients, each with a do and a don't. Plus a Claude skill that builds and audits your pages by the same rules.

Free. I'll also send you occasional funnel tips. Unsubscribe anytime.

Rule 01 page: headline above the video, button right under it
Rule 09 page: your CTA is the loudest thing on the page
The Funnel Design Rulebook cover
The rulebook · PDF, 16 pages
claude · ~/my-funnel

> audit my landing page

● Using skill: funnel-design-rules

# Funnel audit: /apply

Biggest leak: the button sits 640px below the video.

  • 01Headline above the video✗
  • 02No navigation bar✓
  • 07A clear type scale✓
  • 09The loudest CTA~
  • 11Fast assets✗

Top fix: move the button directly under the video.

The Claude skill · works in the Claude app and Claude Code

What you get

Read it once. Let Claude apply it every time.

The rulebook shows you what to fix on your own pages. The skill makes Claude follow the same 12 rules whenever it builds or reviews one for you, so the next page starts right.

The ebook · PDF, 16 pages

12 rules, each with a do and a don't

One page per rule: why breaking it costs you clicks, a “not this / do this” wireframe, and the checks that matter. It ends with a one-page checklist to run before you launch.

The Claude skill · Claude app and Claude Code

The same rules, applied for you

Install it once and Claude follows the rules whenever it builds, redesigns or audits a funnel page. It brings default sizes for when there's no design system, and audits that put the costliest leak first.

  1. 01Headline above the videoButton right under it
  2. 02No navigation barLogo only, zero links
  3. 03Center what sellsSplit what informs
  4. 04One width, top to bottomSame two edges, balanced text
  5. 05Loud hero, calm bodyFinal CTA matches the hero
  6. 06Shift tone, not color#FFFFFF → #F9F9F9
  7. 07A clear type scaleObvious first, second, third
  8. 08Designed listsCards, boxes or strips
  9. 09The loudest CTAPasses the squint test
  10. 10Equal testimonial cardsSame height, same layout
  11. 11Fast assetsCompressed and sized
  12. 12One funnel, one styleOpt-in to thank-you

Rather have it done for you?

I’ll rebuild your funnel by these rules.

XLinkedIn
Oussama B. · Independent designer & builder© 2026 Oussama B. All rights reserved. · Updated October 2026.