Outseta Hero Section

Outseta Hero Section, gradient-heavy, light-mode, warm

Preview image. Unlock full-res

Centered hero on a peach-to-yellow gradient with an oversized headline over a product dashboard carrying a play-button demo overlay.

Summary

A warm gradient hero that centers an oversized dark headline and dual CTAs over an integration logo strip and a large dashboard screenshot with a play-button demo overlay.

Visual description

The background runs from soft peach at the top into warm yellow lower down. A top navbar carries the Outseta wordmark, link menu, a "Get help" button, and a "Migrating from Hubspot?" note. A small "TRY IT" pill badge precedes a two-line oversized dark display headline "The Membership Operating System". A centered subline with several underlined inline keyword links follows, then two buttons side by side: a filled yellow "Sign up for free" and a white "Is Outseta for me?". A row of muted integration logos sits under a "View all" link. Below, a large product dashboard screenshot (stat tiles, activity feed, MRR chart) anchors the section, with a dark rounded "Watch product demo" pill and circular play button overlaid on it.

Key takeaway

The warm single-hue gradient that reads optimistic rather than techy, the inline underlined keywords turning the subhead into a quiet feature list, and the play-button overlay that invites a demo without leaving the screenshot.

Reuse notes

Good for a broad, approachable B2B SaaS that wants warmth over the usual dark-violet hero. The inline-link subhead works when you can name concrete use cases. Needs a real product shot and a demo video to justify the overlay.

More hero sections

See all

More like this