Sanity split hero with editor preview and logo wall

Sanity split hero with editor preview and logo wall, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark split hero with oversized headline and CLI chip on the left, a live content-editor product preview on the right, and a two-row greyscale logo wall below.

Summary

A dark left-aligned hero for a content platform: oversized two-line headline and a copyable CLI command on the left, a detailed Sanity Studio editor screenshot on the right, with a broad greyscale logo wall anchoring the bottom.

Visual description

A full top nav carries the red square "S" mark and wordmark left, a "Products / Solutions / Developers / Resources / Enterprise / Pricing" menu, and "Log in / Contact Sales / Get started" controls right. The left half holds a very large two-line white headline ("The Content Operating System"), a sentence of muted sub-copy, a white "Start building" button beside a dark "Watch demo" button, and below them a dark pill containing the command "npm create sanity@latest" with a copy icon. The right half shows a rounded, slightly inset product screenshot of Sanity Studio: a left document list ("Resonance '25"), a middle artist list, and a right editing pane with an artist bio, inline comment thread, and a red duotone image being crop-adjusted. Under everything, a small "TRUSTED BY LEADERS AND INNOVATORS" label sits above two rows of white customer logos (Figma, Shopify, Linear, Skims, Arc'teryx, Tecovas, Marimekko, Brex, LVMH, Ableton, Clerk, Loom, Tailscale, Retool, Elastic, Pinecone, Anthropic, Replit, MoMA, Amplitude).

Key takeaway

The copyable install-command chip sitting directly under the CTAs, which gives developers an instant zero-click entry point. The product screenshot showing real editing detail (comments, crop handles) sells capability better than a clean empty UI, and the two-row logo wall delivers heavy social proof.

Reuse notes

A strong pattern for a developer tool or platform whose value is best shown in-product. Needs a genuinely rich, legible editor screenshot and a real set of recognizable logos to carry the lower half. The CLI chip only makes sense for code-installed products; swap for a different quick action otherwise.

More hero sections

See all

More like this