Campsite Hero Section

Campsite Hero Section, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark centered hero with stacked notification pills, a two-line headline, and a large app dashboard screenshot framed by colorful paint-splash corners.

Summary

A dark centered hero that stacks two small status pills above a large two-line headline, then anchors a full app-dashboard screenshot below, with bursts of colorful paint-splash artwork bleeding in from the bottom corners. The combination of a sober dark UI and chaotic colored splashes is the defining contrast.

Visual description

Black background. Two pill badges sit centered at the top: a dark "Campsite is winding down" pill and an orange "Campsite's founders have joined Notion" pill. Below, a centered white oversized headline on two lines "Teamwork, meet deep work", followed by a two-line white supporting sentence about replacing noisy chats with focused posts. The lower two-thirds is a large screenshot of the product: a dark team-collaboration dashboard with a left sidebar (channels, favorites, people), a central "Home" feed of posts with author avatars and tags, and a right people panel. Bright multicolored paint-splatter graphics (orange, red, blue, yellow) spill in from the bottom-left and bottom-right corners, partly overlapping the screenshot.

Key takeaway

The paint-splash corner accents that inject energy and color into an otherwise monochrome dark layout without touching the central content. Stacking a product-status banner above the headline doubles the hero as an announcement surface.

Reuse notes

Good for a product launch or transition announcement where the hero must carry news plus a product shot. The splash graphics are a strong personality move but can clash with corporate brands, so use where a playful edge fits. Dark-only as drawn; the dashboard screenshot must be detailed enough to reward the large frame.

More hero sections

See all

More like this