Editorial Outcome Hero
Warm-light editorial hero with an oversized tight-leading headline, dual pill CTAs, a three-column hover feature row, and a crossfading framed product preview with slide dots.
Editorial Outcome Hero
Warm-light editorial hero with an oversized tight-leading headline, dual pill CTAs, a three-column hover feature row, and a crossfading framed product preview with slide dots.
Installation
$npx shadcn@latest add @vandoko/vkb-hero-03Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (page18 warm light editorial — Assembly / Sana AI / Contra) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/hero276 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Hero 276 - Hero with feature row above image and slide dots (payload)
- Mobbin (page-coherent form spec): Assembly · Sana AI · Contra
Modifications
- oklch semantic tokens (no hex/hsl/rgb)
- oversized font-semibold tracking-tight leading-[1.05] headline
- dual pill CTAs (solid primary + ArrowRight, outline secondary) size-lg rounded-full
- three-column hover feature row split by vertical Separators; crossfading framed preview with active-slide dots (useState)
- cyan as signal only (eyebrow dot + primary CTA + active dot); Vandoko outcomes copy (distinct from the pilot headline)
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (page-decompose campaign).
Related Components
Centered Product Hero
Near-full-screen centered hero with announcement pill, oversized headline, dual pill CTAs, trust microcopy, a framed inline product-UI mock, and converging wire-line illustrations.
Promo-Pill Hero
A centered static promo-pill hero with an announcement pill, oversized headline, dual pill CTAs, trust microcopy, and an inline framed product-UI mock.