Content Square dark split hero with dashboard preview

Content Square dark split hero with dashboard preview, dark-mode, minimal, dark

Preview image. Unlock full-res

Deep maroon split hero with an oversized left headline and dual CTAs beside a floating analytics dashboard, over a logo trust bar.

Summary

A two-column dark hero: oversized left headline plus dual CTAs against a detailed analytics dashboard mockup on the right, with a customer logo bar below. The defining element is the realistic product dashboard floating off the right edge.

Visual description

On a deep maroon background, a top navbar carries the coral "CONTENT SQUARE" wordmark, primary nav, a "Book a demo" ghost button, a filled coral "Start for free" button, and Login. The left column holds a large three-line white headline "Create better digital experiences. From start to finish." over four lines of lighter sub-copy, then a filled coral "Watch a quick tour" button beside an outlined "Book a demo". A line of muted copy ("Trusted by 3,700 enterprise brands...") sits above white ZOOM, moneyfarm, and VISA logos. The right column shows a light dashboard UI with a left menu, a "Conversion rate" line chart with a red play button overlaid, and a "Feedback" metric card, all bleeding off the right edge.

Key takeaway

Overlaying a play button on the product chart turns a static dashboard mockup into a one-click demo invitation. The coral-on-maroon palette gives a B2B analytics page personality instead of the usual blue. Anchoring the hero with a real logo trust bar adds immediate credibility above the fold.

Reuse notes

Strong default for an enterprise analytics or experience-management SaaS that has a screenshot-worthy dashboard. Needs a genuinely detailed, legible product UI for the right side to carry weight. The dark warm palette is distinctive but commits the whole page to that brand color.

More hero sections

See all

More like this