Warp — Hero
Top announcement strip plus nav, then a large left-aligned serif headline with supporting paragraph, a black Download pill, a mono install command, and a light app-window screenshot of the Warp agent panel.
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/warp-serif-split-hero-with-download-pill-and-install-command.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #908E91 |
| Contrast | 3.19 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.092 |
| Measured size | 1600×1728 px |
Palette
#FFFFFF#171717#F4F1FB#1A1426
Fonts
MatterAzeret Mono
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarCardCode Block
Context
- Parent page: Terminal dev tool landing with agentic IDE hero mockup and stacked product feature blocks
- All of Warp
Other sections on this page
- Stats / Metrics — Three-up metrics (800K / 57% / 200K)
- Logo Wall — Grayscale customer logo grid
- Feature — Build with any agent in a modern terminal
- Feature — Local-to-cloud agents with harness picker
- Feature — Any model via the Warp Agent picker
- Feature — Scale responsibly admin dashboard
- Gallery / Showcase — Open-source full-bleed video band
- Testimonial / Social Proof — Oversized pull-quote with logo carousel
- CTA / Sign-up — Start shipping with agents CTA + laptop image
- CTA / Sign-up — Get Warp today cross-platform download cards
- Footer — Multi-column footer with status and socials