Editorial Ledger Hero
Asymmetric 7/5 editorial hero stating the Vandoko brand promise as an oversized three-line headline, with a ghosted index numeral, a single cyan hairline under-mark, and an offset work-media panel lifted by one focused cyan glow.
Editorial Ledger Hero
The editorial-ledger hero for vkb-landing-10: a top-left-weighted 7/5 grid that sets the Vandoko brand promise as an oversized three-line headline, anchored by a ghosted 01 index numeral and a single cyan hairline under the second line. The tall work-media panel is offset down and right to break the baseline, lifted by the one focused cyan glow that is the section's lone signal.
Installation
$npx shadcn@latest add @vandoko/vkb-hero-10Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (landing-page14 typeset-ledger editorial — premium-agency homepage) + Vandoko color & content (oklch tokens, cyan as the lone signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/hero125 |
| Version | 1.0.0 |
| Curated | 2026-05-28 |
| License | Commercial |
Sources
- shadcnblocks — Hero 125 (payload)
- Mobbin (page-coherent form spec): Premium agency homepage
Modifications
- asymmetric editorial hero on a 12-col grid (left 7 cols headline, right 5 cols offset media panel); oklch semantic tokens only
- ghosted index numeral, mono small-caps eyebrow, single cyan hairline under headline line two
- cyan is the lone signal: under-line + primary CTA + one focused media glow; static (no client)
Ported by vkb-page-port-v2 (landing-page14, concept-led page port).
Related Components
Integrations Orbit Hero
Integrations-angled brand hero with app/tool tiles orbiting a square product preview on counter-rotating concentric rings.
Depth Stacked Hero
Depth-stacked hero with a left-aligned headline, dual CTAs, and a foreground glass pane that overlaps the next section, carrying a signature cyan top edge-light and radial bloom.