Warp
warp.dev ↗
A dark technology-focused landing page using centered typography hierarchy with product showcases and social proof arranged in horizontal modular rows.
Colors
Industry
Mood
Screen type
Type style
Visual details
How it works
- hero:
- Centered stack with 4xl headline 'Warp is the agentic development environment', two product cards (60/40 proportions) displayed side-by-side below in teal and lavender gradients, flanked by sparse left-aligned feature labels.
- layout:
- Alternating full-width rows: headline stack → product cards → centered social proof logos in 5-column grid → sparse right-aligned CTA section → footer with three-column link structure and OS download cards.
- type:
- Sans-serif (likely Geist or similar) with extreme size contrast: 4xl/5xl headers center-aligned in all-caps or title case, 14-16px body copy in light weight, monospace numerals and labels in product cards, tracking opens white space between navigation items.
- colors:
- Near-black background (#1a1a1a approx) as canvas, accent colors restricted to product card gradients (teal-to-blue and purple-to-lavender), white text for hierarchy contrast, subtle grays for supporting copy and borders.
- distinctive:
- Product showcase cards use subtle 3D perspective tilt and gradient overlays that float against black background, creating depth without borders—this floating-card aesthetic repeats in the OS download section at page bottom.