234 published examples
These sections keep the ask in a single horizontal band. A short line of copy sits with one button, often on a loud color field. They work as mid-page punctuation or a last commercial beat without rebuilding the whole layout. The risk is looking like leftover chrome if the line is too cute to scan.
Photography and motion stills take the whole frame, then type and a control sit in a safe corner or over a scrim. The section feels like a scene, not a form. It earns the space when the image is the product or the world you are selling. It fails when the subject fights the label.
A logo or mark, a short closer, and one button sit in empty space. These often land just above the footer. The restraint is the point: after a long page, the section should feel like a decision, not another feature. Supporting logos can sit underneath if they do not compete with the button.
In review I look at whether the section still works if you mute the photography. A truck, a splash of shrimp, or a gradient can sell mood, but the ask has to survive as type and a control. If the headline is a slogan and the button is the only sentence that explains the next step, the section is doing two jobs at once and usually failing the first. Watch contrast on full-bleed images. White type on a moving vehicle or wet product shot looks cinematic in a still, then collapses on a laptop with reflections. I tend to ask for a darker scrim or a solid panel behind the copy before we talk about button radius. Two actions are fine when the paths are truly different, such as self-serve versus a sales conversation. They fail when both buttons say almost the same thing in different chrome. Scarcity lines and a face next to the button can make a service offer feel human, but they also raise the cost of being wrong. If you cannot actually take four projects a month, do not typeset that claim at display size. A practical test: scroll the page at phone width and cover everything except the CTA block. Can you name the offer, the commitment, and what happens after click? If the footer links sit in the same visual field as the primary button, one of them will lose.
A hero introduces the page and can include an action. A call to action section assumes the visitor already has context and exists to close. If you find yourself restating the whole value proposition, you are designing another hero. If the block can disappear and the page still makes sense, but conversion would drop, you are in the right category.
Use a field when the conversion is the address itself: a waitlist, partner list, newsletter, or booking start. A button that jumps to a later form is cleaner when the decision still needs a conversation. Overlaying a field on a busy photo looks simple and then becomes a tap-target problem. Keep the field and submit as one unit, and say what arrives after subscribe.
One strong closer is enough for most marketing pages. A second is justified when the audience splits, such as buyers versus partners, or when a mid-page banner catches people who will never reach the footer. Repeating the same button three times with new adjectives is not a strategy. If every band is shouting, none of them is the call.
Compare section designs that serve a similar purpose on your page.
