Replit — Hero
Top nav with Replit logo, menu and orange 'Create account' button, then a centered 'What will you build?' headline over a rounded prompt-input field with Website/Mobile/Design/Slides/Animation mode pills and example-prompt chips below.
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/replit-prompt-box-hero-with-build-mode-pills.
Measured spec
| Scheme | light |
| Background | #FAF6F1 |
| Text | #C8BBB5 |
| Contrast | 1.74 |
| Columns | 1 |
| Alignment | center |
| Whitespace | airy |
| Density | 0.048 |
| Measured size | 1600×836 px |
Palette
#F5F1EC#FF5A2C#FFFFFF#1C1C1C
Fonts
ABC Diatype
Page types
Detail
UX patterns
Search
UI elements
Navigation BarFormBadgeDropdown
Context
- Parent page: Replit AI app-builder landing with prompt-box hero and rounded organic feature blobs
- All of Replit
Other sections on this page
- Logo Wall — Customer logo strip
- Feature — Meet Agent 4 organic blob cluster
- Bento Grid — Powered by the Replit platform feature row
- Testimonial / Social Proof — Trusted-by-builders paired quote carousel
- Pricing / Plans — Four-tier pricing comparison
- CTA / Sign-up — What are you waiting for closing CTA
- Footer — Multi-column footer with Replit wordmark