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.
Engagement Model Ledger
An asymmetric engagement-model pricing block: a sticky left framing column (eyebrow, ghosted index numeral, heading, context, and a single CTA) beside a 7-column ledger of full-width tier rows separated by hairline rules. The one recommended tier lifts onto an elevated card surface with a single cyan left-border as the lone signal.
Installation
$npx shadcn@latest add @vandoko/vkb-price-06Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (landing-page14 typeset-ledger editorial — horizontal-row pricing ledger) + Vandoko color & content (oklch tokens, cyan as the lone signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/pricing24 |
| Version | 1.0.0 |
| Curated | 2026-05-28 |
| License | Commercial |
Sources
- shadcnblocks — Pricing 24 (payload)
- Mobbin (page-coherent form spec): Horizontal-row pricing ledger (single-highlighted-plan dark-theme)
Modifications
- 5/7 editorial split: sticky left framing block beside a stacked ledger of engagement tiers; oklch semantic tokens only
- full-width horizontal tier rows separated by 1px hairline rules; index numeral + name + scope + price/cadence
- the one recommended tier lifts onto bg-card with a single cyan left-border — the lone signal; static (no client)
Ported by vkb-page-port-v2 (landing-page14, concept-led page port).
Related Components
Sprint & Scale Pricing
Two-plan pricing block with a monthly-annual radio toggle that switches prices and a cyan discount badge on annual.
Elevated Focus Pricing Strata
Elevated-focus engagement pricing where the recommended tier is lifted forward as a glass pane with a lone cyan edge-light and bloom, flanked by recessed sibling tiers.