Valley Hero Section

Valley Hero Section, light-mode, minimal, light

Preview image. Unlock full-res

Light SaaS hero with a serif-style oversized headline, two pill CTAs, and a large tabbed product dashboard sitting on a soft rainbow gradient shelf.

Summary

A clean, left-aligned light hero topped by a slim navbar and anchored by a big tabbed product dashboard that rests on a soft multicolor gradient shelf. The defining move is the pastel rainbow band that lights the screenshot from behind on an otherwise white page.

Visual description

A thin top navbar holds the Valley logo at left, a few dropdown nav links centered, and a "Login" pill at right. Below, a left-aligned two-line headline "Book Sales Calls on Autopilot with High Intent Leads" in a heavy near-black sans, then two lines of muted sub-copy. Two buttons sit inline, a black "Book a call" and a white outlined "Watch Video." A horizontal tab row (Dashboard, Website Intent, Campaigns, Approvals, Inbox) with small icons spans full width. Beneath it, a large rounded product screenshot shows a sidebar app with analytics line charts, an "Approvals Required" panel with big numbers, and a sortable "Website Visitors" table of prospects with avatars and colored intent badges. The screenshot floats above a faint, blurred rainbow gradient that bleeds across the section behind its lower edge.

Key takeaway

The pale rainbow gradient shelf under a product screenshot, which adds warmth and depth to a white hero without coloring the type. Also the tab row placed between copy and screenshot, implying the product's surface breadth before the image even loads.

Reuse notes

A reliable default for an analytics or sales SaaS that has a genuinely rich dashboard to show. Needs a detailed, legible product UI to carry the lower two-thirds. The gradient keeps it from feeling sterile; keep the navbar and CTAs restrained so the screenshot leads.

More hero sections

See all

More like this