Zed: Zed code editor landing with giant centered headline and dual-pane IDE hero screenshot
Light editorial landing for the Zed editor: a slim top utility bar plus a blue serif-toned headline "Your last next editor" centered over twin pill CTAs (Download now / Clone source), then a large dual-pane dark IDE screenshot showing the actual editor with agent panel and syntax-highlighted code. The signature element is the recurring full-bleed dark application screenshots embedded in an otherwise airy off-white page, paired with a low-contrast section-label typographic system (small blue section titles like "Zed Just Works", "Open Source", "Built with ultimate care"). A horizontal stats strip (9,268 forks / 86,001 stars / 1,991 contributors / 810 PRs) and a giant tiled contributor-avatar mosaic reinforce the open-source identity before the deep-blue footer.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/zed-zed-code-editor-landing-with-giant-centered-headline-and-dual-pane-ide-hero-screenshot.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Zed
- Feature — 'AI that works the way you code' with dark demo
- Feature — 'Built with ultimate care' LSP code panel
- Hero — Centered headline + dual-pane IDE screenshot
- Footer — Deep-blue multi-column footer
- Testimonial / Social Proof — 'From the team' framed message card
- Integrations — Growing extensions ecosystem grid
- Stats / Metrics — Open Source stats strip + contributor mosaic
- Gallery / Showcase — 'The latest from Zed' blog cards
- Testimonial / Social Proof — Trusted-by logo wall + quote cards
- Feature — 'Zed Just Works' feature grid with screenshots
- CTA / Sign-up — Zed logo download closing CTA