Editorial Avatar Quote Cards
A featured hero quote card plus a supporting card grid; editorial contributor-spotlight DNA with avatar, name, @handle, and role on the dark Vandoko canvas.
Editorial Avatar Quote Cards
A featured hero quote card plus a supporting card grid; editorial contributor-spotlight DNA with avatar, name, @handle, and role on the dark Vandoko canvas.
Installation
$npx shadcn@latest add @vandoko/vkb-testi-05Synthesis
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/testimonial18 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
Modifications
- oklch token conversion (removed amber star fills)
- featured card + 3-col grid
- eyebrow pill with cyan dot
- @handle line
- Quote icon accent
- Avatar primitive (no img)
- Vandoko client voices, no fake ratings
- dropped utils dep
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page7, two-front campaign).
Related Components
Sprint-Outcome Quote Grid
Responsive grid of soft-shadow quote cards where founders and product leaders praise Vandoko sprint outcomes, each anchored by a cyan quote mark and an avatar attribution.
Sliding Testimonial Carousel
Testimonial carousel with rounded soft-shadow quote cards, a big pull-quote, circular avatar, and arrow + dot controls where the active dot is the cyan signal.