Maybe Hero Section

Maybe Hero Section, light-mode, minimal, light

Preview image. Unlock full-res

Centered light SaaS hero with an oversized sans headline and a large finance-dashboard screenshot below over a faint line-chart background.

Summary

A centered, light hero that leads with an oversized sans headline and a single dark pill CTA, then drops a large, detailed finance-dashboard screenshot over a faint full-width line chart.

Visual description

Top nav holds the "maybe" wordmark left, Products/Resources/Pricing/Contribute dropdowns center, and Sign in plus a dark "Sign up" pill right. Centered below: a small "Meet Maybe" eyebrow with a tiny app icon, an oversized two-line headline "The personal finance app for everyone," a grey sub-paragraph, a dark pill CTA "Start your free trial," a "You can also self-host Maybe" line, and two small GitHub-style stat pills (44.5k, 5.4k). A faint grey upward line chart with axis labels ($100k to $0, Today/Tomorrow) spans behind the text. Anchoring the section is a large app screenshot in a window chrome: a left nav rail, an assets/debts dashboard with a "Morning, Josh" greeting, a "$2,808,491.15" net-worth figure, an area chart, a colored allocation bar, an assets table, and a right-side AI assistant panel with suggested commands.

Key takeaway

The single faint line chart spanning the full hero ties the background to the product's core value (net worth over time) without a literal screenshot up top. Surfacing GitHub star counts as social proof signals an open, community-backed product. The dashboard screenshot is shown nearly full, AI panel included, to prove depth.

Reuse notes

Strong default for a finance or analytics SaaS with a genuinely rich dashboard to show. Needs a high-fidelity product screenshot to carry the lower two-thirds. Light, neutral palette keeps the colorful in-app data as the only accent.

More hero sections

See all

More like this