Webflow — Pricing / Plans
Two parallel plan groups: Site plans (Starter, Basic, Premium) on the left and Platform plans (Team, Enterprise, Custom) on the right, each card showing price, blue 'Add plan'/'Talk to us' CTA, and a long checklist of included features.
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-dual-site-plans-platform-plans-card-tables.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #4A6EA4 |
| Accents | #4A6EA4 |
| Contrast | 5.18 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.201 |
| Measured size | 1600×1156 px |
Palette
#FFFFFF#F4F4F4#146EF5
Fonts
WF Visual Sans Variable
Page types
Detail
UX patterns
Pricing Toggle
UI elements
Pricing CardBadgeTable
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
- Hero — Oversized 'Our pricing' headline with billing toggle
- 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