Retool — Hero
Slim slate top nav with Retool logo and 'Start for free' CTA, then a centered white headline 'Secure your vibe-coded apps' above a perspective-tilted screenshot of an AI prompt/chat panel layered over a data dashboard.
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/retool-dark-centered-hero-with-tilted-ai-app-screenshot.
Measured spec
| Scheme | dark |
| Background | #151515 |
| Text | #CDCECD |
| Contrast | 11.57 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.543 |
| Measured size | 1600×1170 px |
Palette
#0A0A0A#1C1C1C#F5F5F5#2FB344
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarCardBadge
Context
- Parent page: Dark dev-tools landing with floating app dashboard hero and enterprise logo proof wall
- All of Retool
Other sections on this page
- Gallery / Showcase — App-screenshot mosaic wall 'Apps that mean business'
- Feature — Governance feature stack with large dark mockups
- Feature — Three-column 'Why enterprises choose Retool' value props
- Testimonial / Social Proof — Photo case-study cards with savings stats
- CTA / Sign-up — 3D chrome-typography 'Start today' hero
- Gallery / Showcase — 'Get the latest from Retool' blog card row
- Footer — Black footer with oversized Retool wordmark