Webflow — Hero
Top promo banner plus blue nav bar over a giant black 'Our pricing' headline. A blue Monthly/Yearly pill toggle ('Save up to 40%') sits directly beneath, anchoring the page.
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/webflow-oversized-our-pricing-headline-with-billing-toggle.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #156EF6 |
| Accents | #156EF6, #4C7ABE, #194485 |
| Contrast | 4.57 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.138 |
| Measured size | 1600×672 px |
Palette
#FFFFFF#0F0F0F#146EF5
Fonts
WF Visual Sans Variable
Page types
Detail
UX patterns
Pricing Toggle
UI elements
Navigation BarToggleBadge
Context
- Parent page: Multi-tier pricing table with billing toggle, add-ons tabs, and long FAQ accordion
- All of Webflow
Other sections on this page
- Pricing / Plans — Dual Site plans / Platform plans card tables
- Comparison — Compare-all-plans buttons strip
- Feature — Tabbed Add-ons four-card matrix with dark promo bands
- Feature — Ecommerce and Workspace plans expandable rows
- FAQ — Long topic-grouped accordion FAQ
- CTA / Sign-up — Need-help support cards
- Logo Wall — Grayscale customer logo wall
- CTA / Sign-up — Split 'Get started for free' call-to-action