Pattern-Media Checklist Feature
Two-column feature with a tight headline, a cyan-checked capability list and CTA, paired with framed product media on a soft cross-pattern field in a shadowed card surface (media left).
Vandoko Checklist Feature With Left Pattern Media
Two-column feature with a tight headline, a cyan-checked capability list and CTA, paired with framed product media on a soft cross-pattern field in a shadowed card surface (media left).
Installation
$npx shadcn@latest add @vandoko/vkb-feat-13Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (Airwallex / OpenTable / Google Maps Platform confident product-marketing language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/feature346 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Feature 346 - Checklist feature with pattern media (payload)
- Mobbin (page-coherent form spec): Airwallex · OpenTable · Google Maps Platform
Modifications
- renamed Feature346 → VkbFeat13; registry-alias imports + oklch semantic tokens only
- pattern + edge-fade mask gradients reference var(--background) directly (no hsl() wrapper)
- cyan check affordances are the lone signal; framed media in rounded-2xl border bg-card shadow-lg surface (media LEFT)
- rebuilt copy as a brand-true Vandoko sprint capability checklist
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page17, two-front campaign).
Related Components
Studio Roster Contributor Spotlight
Editorial profile-row list of the Vandoko studio/collective: avatar, name, @handle, role, stat, and Follow affordance, with a section header action.
Grid Headline Arrow-Link Feature
Large bold grid headline beside three feature columns, each closing on a lucide arrow link that lights cyan on hover.