Chroma — Hero
Left-aligned nav (Products, Docs, Research, Resources, Pricing plus 27k stars, Log in, Sign up) over a tall white hero with the headline 'Open-source search infrastructure for AI', a two-line subhead, and dark 'Start free on Cloud' plus outline 'Read the docs' buttons.
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/chroma-hero-search-infra-for-ai.
Measured spec
| Scheme | light |
| Background | #FAFAFA |
| Text | #676767 |
| Contrast | 5.42 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.066 |
| Measured size | 1600×585 px |
Palette
#FAFAF9#0A0A0A#171717#4A5565
Fonts
InterIBM Plex Mono
Page types
Detail
UI elements
Navigation Bar
Context
Other sections on this page
- Logo Wall — Customer logo wall
- Gallery / Showcase — Agent search UI mockup
- Stats / Metrics — Value metrics row
- Feature — Search features + code
- Feature — Performance panels
- Feature — Enterprise / BYOC
- Gallery / Showcase — Video thumbnails row
- Feature — Open source + support
- Gallery / Showcase — Research showcase
- Feature — Cloud updates grid
- CTA / Sign-up — Careers CTA
- Gallery / Showcase — Full-bleed street photo
- CTA / Sign-up — Get started quick-start
- Footer — Footer