Zed — Feature
Blue section title 'Zed Just Works' with Roadmap/Releases links, then two large dark editor screenshots and a six-up grid of small feature tiles (Parallel Agents, Debugger, Agentic Editing, Native Git Support, Edit Prediction, etc.) each with a thumbnail and caption.
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-just-works-feature-grid-with-screenshots.
Measured spec
| Scheme | light |
| Background | #F3F4F1 |
| Text | #2A2D36 |
| Contrast | 12.46 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.283 |
| Measured size | 1600×2068 px |
Palette
#FFFFFF#222A35#3B7DD8
Fonts
plexSerifwriterzedMono
Page types
Detail
UI elements
CardCode Block
Context
- Parent page: Zed code editor landing with giant centered headline and dual-pane IDE hero screenshot
- All of Zed
Other sections on this page
- Hero — Centered headline + dual-pane IDE screenshot
- Testimonial / Social Proof — Trusted-by logo wall + quote cards
- Stats / Metrics — Open Source stats strip + contributor mosaic
- Feature — 'AI that works the way you code' with dark demo
- Integrations — Growing extensions ecosystem grid
- Feature — 'Built with ultimate care' LSP code panel
- Testimonial / Social Proof — 'From the team' framed message card
- Gallery / Showcase — 'The latest from Zed' blog cards
- CTA / Sign-up — Zed logo download closing CTA
- Footer — Deep-blue multi-column footer