Airbyte — Hero
Dark hero with a thin top nav, giant centered white headline and dual pill CTAs above a framed Claude support-inbox mockup showing a ticket table and department tabs.
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/airbyte-data-action-layer-hero.
Measured spec
| Scheme | dark |
| Background | #000000 |
| Text | #69659A |
| Contrast | 3.93 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.352 |
| Measured size | 1600×1456 px |
Palette
#000000#ECECEE#4C1057
Fonts
Booton
Page types
Detail
UX patterns
Dark ModeData Table
UI elements
Navigation BarTableTabs
Context
Other sections on this page
- Logo Wall — Customer wordmark row
- Feature — Disconnected-context manifesto
- Feature — Meet the Context Store
- Stats / Metrics — Better context stats
- Feature — What Airbyte unlocks
- Comparison — Three ways to build
- Testimonial / Social Proof — Trusted by AI leaders
- Feature — Build with the Agent SDK
- Feature — Capabilities & frameworks
- Stats / Metrics — OSS foundation metrics
- Feature — Enterprise ready
- CTA / Sign-up — Build context-aware agents
- Footer — Build with Airbyte footer