Webflow — Feature
An 'Add-ons' block with a 'For Site plans / For Enterprise' tab switch and four priced add-on cards (Optimize, Analyze, Localization Essential/Advanced) over feature lists, closed by two black glassy promo panels for non-Webflow optimization and localization.
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-tabbed-add-ons-four-card-matrix-with-dark-promo-bands.
Measured spec
| Scheme | light |
| Background | #F0F0F0 |
| Text | #080808 |
| Accents | #406091 |
| Contrast | 17.57 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.302 |
| Measured size | 1600×1423 px |
Palette
#F4F4F4#146EF5#0F0F0F
Fonts
WF Visual Sans Variable
Page types
Detail
UX patterns
Upgrade Prompt
UI elements
CardTabsToggleBadge
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
- Pricing / Plans — Dual Site plans / Platform plans card tables
- Comparison — Compare-all-plans buttons strip
- 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