Tuple — Hero
Top navigation with Tuple logo, centered two-line headline, violet 'Start your free trial' CTA, and a large realistic macOS code-editor window resting on a green-to-mint radial gradient with app-dock icons.
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/tuple-centered-headline-macos-code-editor-screenshot-on-green-gradient.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #616571 |
| Contrast | 5.82 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.299 |
| Measured size | 1600×2150 px |
Palette
#FFFFFF#1A1A2E#3DAE5A#5B5BD6
Fonts
Inter VariableDM Mono
Page types
Detail
UI elements
Navigation BarCode BlockBadge
Context
- Parent page: Tuple pair-programming landing with macOS code-editor hero on green gradient backdrop
- All of Tuple
Other sections on this page
- Logo Wall — Trusted-by grayscale logo strip
- Feature — 'Engineers deserve sharp tools' three-card grid + media
- Testimonial / Social Proof — 'Don't take our word for it' four-column quote wall
- Feature — 'Respectful of system resources' three-feature row
- Feature — 'Fearless screen sharing with App Veil' dark desktop screenshot
- Feature — Black 'Built for developers, by developers' Triggers + shortcuts cards
- Feature — 'Liven up your pairing sessions' annotation feature list
- CTA / Sign-up — 'Ready to get started?' centered violet CTA
- Footer — Multi-column footer with product/company/support links