Replit — Bento Grid
Four-column feature set (Describe It Publish It, Build & Scale Your Apps Easily, Connect To AI & Services, Secure Your Apps As They Scale) escalating from white to solid orange gradient cards with small UI illustrations.
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-powered-by-the-replit-platform-feature-row.
Measured spec
| Scheme | light |
| Background | #FAF6F1 |
| Text | #BF6144 |
| Accents | #F8B49F, #EE815F, #BF6144 |
| Contrast | 3.9 |
| Columns | 2 |
| Alignment | split |
| Whitespace | dense |
| Density | 0.479 |
| Measured size | 1600×1130 px |
Palette
#FFFFFF#FAB89E#FF5A2C#1C1C1C
Fonts
ABC Diatype
Page types
Detail
UI elements
CardBadge
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
- Hero — Prompt-box hero with build-mode pills
- Logo Wall — Customer logo strip
- Feature — Meet Agent 4 organic blob cluster
- 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