Editorial Lattice Collage Hero
Split hero with an oversized editorial headline, paired CTAs, and a masonry lattice collage of rounded media tiles on the dark Vandoko canvas.
Editorial Split Hero with Media-Tile Lattice Collage
Split hero with an oversized editorial headline, paired CTAs, and a masonry lattice collage of rounded media tiles on the dark Vandoko canvas.
Installation
$npx shadcn@latest add @vandoko/vkb-hero-06Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (Cosmos / Dribbble / Behance design-community editorial language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/hero35 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Hero 35 - Split hero with lattice collage and paired CTAs (payload)
- Mobbin (page-coherent form spec): Cosmos
Modifications
- oklch token conversion
- real masonry collage of rounded media tiles via Tailwind aspect-* (no aspect-ratio primitive)
- single bg-primary/15 blur-3xl glow accent
- oversized font-semibold tracking-tight headline + uppercase eyebrow with cyan dot
- rounded-full size-lg CTAs
- brand-true Vandoko copy, varied signature line
- CloudFront placeholder set; eslint-disable per img
- dropped utils dep
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page7, two-front campaign).
Related Components
Email Signup Collage Hero
Two-column hero pairing a work-email signup card with an overlapping three-image collage and playful oklch accent marks.
Carousel Feature-Grid Hero
Lead hero with a bold accent-keyword headline, a three-up feature grid, paired CTAs, and a framed product carousel (embla autoplay) with a slide label + dot pager over a single soft cyan glow.