Convex — Hero
Dark hero: nav (convex logo, Product/Developers/Blog/Changelog/Docs/Pricing, GitHub stars, Log in), bold serif 'Build with confidence' headline with 'The backend building blocks for your agents' subcopy, white 'Start building' button and a copy-able 'npm create convex' install pill, beside a large syntax-highlighted code editor showing convex/schema.ts plus a functional todo app card and a database table preview.
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/convex-dark-hero-with-serif-headline-and-live-code-ide-mock.
Measured spec
| Scheme | dark |
| Background | #141514 |
| Text | #DDCDBA |
| Contrast | 11.78 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.619 |
| Measured size | 1600×963 px |
Palette
#1a1a1a#f5f0e6#e8743b#5ba3d0
Fonts
GT America
Page types
Detail
Context
- Parent page: Convex dev-tools landing with code-IDE hero and "Backend for AI agents" narrative
- All of Convex
Other sections on this page
- Banner — Retro conference announcement banner
- Feature — LLMs love Convex with pixel-glyph art
- Feature — Not just a database 3D capabilities diagram
- Testimonial / Social Proof — Loved by developers testimonial wall
- Integrations — Favorite frameworks integration grid
- CTA / Sign-up — Near-black closing CTA
- Footer — Dark multi-column footer with compliance badges