DevRev CTA Section

DevRev CTA Section, dark-mode, photographic, dark

Preview image. Unlock full-res

Full-bleed dark CTA over a dimly lit photo, with a headline and button at left and two outlined action cards at right.

Summary

A wide, dark, full-bleed CTA built over a moody photo of a person at a laptop, pairing one primary "Get Started" button with two secondary outlined action cards.

Visual description

The background is a dim, warm-toned photograph of a woman in glasses lit by a screen, fading to near-black at the edges. At the upper left, a two-line white message ("Get started for free / No credit card required") sits above a solid blue rounded button reading "Get Started." On the right side, two tall outlined rectangular cards stack vertically: the top one titled "Book a demo" with an underlined "Schedule now" link at its base, the bottom "Start a live chat" with an underlined "Chat now" link. The cards use thin gray borders and otherwise transparent fills so the photo shows through. Type is white sans-serif throughout.

Key takeaway

Layering a single loud primary CTA against two quiet outlined "alternative path" cards, all over one atmospheric photo, so the section offers self-serve, sales, and support routes without feeling cluttered. The thin-bordered transparent cards let the image stay the hero.

Reuse notes

Good closing CTA for a B2B or support-heavy SaaS that wants to present multiple contact routes at once. Depends on a strong, dark, low-contrast photo to keep white text legible. Only works on dark backgrounds; on a busy or bright image the outlined cards would disappear.

More cta sections

See all

More like this