← Blurr Motion testimonial-marquee-brutalist
Categorie testimonials Tier 1 Techniek #16 Deps —

Motion Lab / Testimonials / marquee / brutalist

"CHANGED THE WAY WE THINK ABOUT MOTION." — TOM V., DESIGN DIRECTOR ★ "CONVERSION RATE DOUBLED IN 30 DAYS." — SARAH L., CMO ★ "EVERY PIXEL. EVERY FRAME. INTENTIONAL." — MARIA K., CEO ★ "CHANGED THE WAY WE THINK ABOUT MOTION." — TOM V., DESIGN DIRECTOR ★ "CONVERSION RATE DOUBLED IN 30 DAYS." — SARAH L., CMO ★ "EVERY PIXEL. EVERY FRAME. INTENTIONAL." — MARIA K., CEO ★

WHAT
THEY
SAID.

1. Mechanisme — kopieer 1-op-1, geen styling-keuzes 
// Mechanisme: testimonial-marquee-brutalist
// CSS marquee — brutalist speed, no softness
const inner = document.querySelector('.brut-marquee-inner');
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
  inner.style.animation = 'brut-marquee 8s linear infinite';
}
2. Skeleton — DOM + class-namen, mag herschikken 
<!-- Skeleton: testimonial-marquee-brutalist -->
<div class="brut-track"><div class="brut-marquee-inner">
  <span>QUOTE ★</span><span>QUOTE ★</span>
</div></div>
3. Styling-template — verplicht eigen invulling per merk 
/* Styling: testimonial-marquee-brutalist */
.brut-track { overflow: hidden; background: #0A0A0A; padding: 1.5rem 0; }
.brut-marquee-inner { display: flex; gap: 2rem; white-space: nowrap; }
@keyframes brut-marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }