Retool — Hero
Top nav with Retool logo, left-aligned bold headline 'Find the plan that works for you', and a row of four plan cards (Free, Team, Business, Enterprise) each with a pastel accent bar, price, CTA button, and feature bullets. Monthly/annual billing toggle sits top-right of the card rail.
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-pricing-hero-with-four-tier-plan-cards-and-billing-toggle.
Measured spec
| Scheme | light |
| Background | #E9EBDF |
| Text | #4B4A54 |
| Contrast | 7.24 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.263 |
| Measured size | 1600×1208 px |
Palette
#FFFFFF#1C1C1C#C7E8C2#E4D4F0
Page types
Detail
UX patterns
Pricing Toggle
UI elements
Navigation BarPricing CardToggleBadge
Context
- Parent page: Four-tier dev-tools pricing page with color-coded plans and exhaustive feature comparison matrix
- All of Retool