Sprint & Scale Pricing
Two-plan pricing block with a monthly-annual radio toggle that switches prices and a cyan discount badge on annual.
Sprint/Scale Pricing with Annual Toggle
Two-plan pricing block with a monthly-annual radio toggle that switches prices and a cyan discount badge on annual.
Installation
$npx shadcn@latest add @vandoko/vkb-price-05Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (landing-page15 integrations platform — IFTTT / Zapier / Wrike) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/pricing7 |
| Version | 1.0.0 |
| Curated | 2026-05-27 |
| License | Commercial |
Sources
- shadcnblocks — Pricing 7 - Two-plan pricing with radio toggle and discount badge (payload)
- Mobbin (page-coherent form spec): IFTTT · Zapier · Wrike
Modifications
- renamed Pricing7 → VkbPrice05; registry-alias imports + oklch semantic tokens only
- two-plan pricing with a monthly/annual radio toggle that switches prices and a discount badge on annual
- cyan reserved as the lone signal on the annual discount badge and the recommended plan CTA
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page15, two-front campaign).
Related Components
Sprint Comparison Pricing Table
Three-tier sprint pricing with plan cards above a feature comparison table, marking included rows with cyan check-circles and highlighting the recommended cadence.
Engagement Model Ledger
Asymmetric 5/7 pricing ledger with a sticky framing block and stacked horizontal engagement-tier rows, one elevated row carrying a single cyan left-border.