Framed Panel Feature Trio
Centered headline with dual pill CTAs above a three-column grid of feature cards, each with a framed icon panel, title, description, and a bottom icon badge.
Feature Trio with Framed Panels
Centered headline with dual pill CTAs above a three-column grid of feature cards, each with a framed icon panel, title, description, and a bottom icon badge.
Installation
$npx shadcn@latest add @vandoko/vkb-feat-08Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (v0 / Coda / Linear landing language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/feature182 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
Modifications
- removed external imgs → framed bg-card icon panels
- Vandoko sprint-capability content
- CTAs size-lg rounded-full with ArrowRight/BadgeCheck
- bottom icon badge in flex row with learn-more link
- py-20 md:py-28, heading scale lifted
- cyan confined to bottom icon badge (one signal per card)
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (page-decompose pilot).
Related Components
Sprint Pillars Feature Bento
Centered outline-badge header over a bento grid that alternates square photos with rounded text panels, grounded in Vandoko's strategy-design-engineering sprint pillars.
Capability List & Sprint Board Feature
Asymmetric feature section with a capability list on the left and an inline sprint-board deliverable showcase on the right.