"Above the fold" is the content visible before scrolling. It's the most important real estate on your website. Here's how to use it.
On average, 57% of page-viewing time is spent above the fold — the area visible before scrolling. If your hero section doesn't immediately answer "what is this, who is it for, and why should I care?", you've already lost most of your visitors.
Read your headline out loud to someone unfamiliar with your business. If they can't repeat back what you do in 10 seconds, rewrite it.
The most effective small business headlines follow a simple structure: [What you do] + [For whom] + [Key benefit or differentiator]. Examples: "Commercial Cleaning Services for Chicago Offices — Done Right, Every Time." "Family Portraits in Austin — Natural, Unposed, and Beautiful." "Website Design for Portland Restaurants — Live in 48 Hours."
Above the fold should have exactly one primary CTA. Not three. Not a primary and a secondary with equal visual weight. One. "Book a Free Consultation." "Get a Quote." "Start Your Free Trial." Every additional option reduces clicks on all of them.
Hero backgrounds set the emotional tone instantly. A smiling person communicates approachability. A dramatic landscape communicates adventure. A clean product shot communicates professionalism. The risk: a busy background makes text hard to read. Use a dark overlay on photos, or choose a solid or gradient background if your photo is busy.
There's no universally perfect hero. A law firm and a food truck have different audiences with different trust signals and different intents. The best hero for your business is one you can explain in one sentence — and that a visitor can understand in three seconds.
"We changed our headline from "Welcome to Johnson Plumbing" to "Fast, Reliable Plumber in Nashville — Available Same Day." Leads doubled in a week."
Build your website with Metalique Studios — no code, no designer, no budget required.
Browse Templates →Join 8,000+ business owners. Practical, actionable, no spam.