Components

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.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/vkb-hero-06

Synthesis

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

PropertyValue
Source@shadcnblocks/hero35
Version1.0.0
Curated2026-05-25
LicenseCommercial

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).

On this page