sa-results-ticker v2026-06-16
Full-width navy 'stock ticker' that scrolls verdicts and settlements (largest first) with the case type centered under each amount. Slow continuous loop, pauses on hover. Approved by Sam 2026-06-15.
Source skill: sa-copywrite-design; built via sa-element-registry 2026-06-15 · Updated 2026-06-16 22:23:30
When to use
Bottom of a hero block on pages/posts to add social proof. Pull amounts live from results data in production; the embedded list is a static fallback (30 of 198 results).
Rules & constraints
- Full-width: place edge-to-edge at the BOTTOM of a hero block.
- Order largest to smallest; biggest verdict leads.
- Amounts are verified from /about-us/our-results/ - never invent results.
- Scoped CSS only (.sa-results-ticker root); keyframes namespaced sa-rt-scroll.
- Speed = single 420s value in .sa-results-ticker__track animation.
- Pauses on hover; respects prefers-reduced-motion.
- Navy #0B212D bg, white results, orange #D97706 dot separators.
Live reference
Deployment notes
Paste at bottom of hero. Production should bind to live results feed (WP REST / results data) and keep descending sort. Speed adjustable via the 420s animation duration.
HTML
<div class="sa-results-ticker" aria-label="Case results: verdicts and settlements"><div class="sa-results-ticker__track"><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$14,000,000</span><span class="sa-results-ticker__type">Insurance Dispute</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$12,000,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,800,000</span><span class="sa-results-ticker__type">Motorcycle Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,250,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,100,000</span><span class="sa-results-ticker__type">Box Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,025,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,000,000</span><span class="sa-results-ticker__type">Premises Liability</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$5,600,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$5,200,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,535,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,100,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,100,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,600,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,300,000</span><span class="sa-results-ticker__type">Insurance Dispute</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,000,000</span><span class="sa-results-ticker__type">School Supervision</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,500,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,500,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,200,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,895,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,800,000</span><span class="sa-results-ticker__type">Underinsured Motorist</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,800,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,750,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,625,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,600,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$14,000,000</span><span class="sa-results-ticker__type">Insurance Dispute</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$12,000,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,800,000</span><span class="sa-results-ticker__type">Motorcycle Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,250,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,100,000</span><span class="sa-results-ticker__type">Box Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,025,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,000,000</span><span class="sa-results-ticker__type">Premises Liability</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$5,600,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$5,200,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,535,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,100,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,100,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,600,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,300,000</span><span class="sa-results-ticker__type">Insurance Dispute</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,000,000</span><span class="sa-results-ticker__type">School Supervision</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,500,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,500,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,200,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,895,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,800,000</span><span class="sa-results-ticker__type">Underinsured Motorist</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,800,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,750,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,625,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,600,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span></div></div>
CSS
.sa-results-ticker{background:#0B212D;overflow:hidden;width:100%}
.sa-results-ticker__track{display:flex;align-items:center;width:max-content;animation:sa-rt-scroll 420s linear infinite}
.sa-results-ticker:hover .sa-results-ticker__track{animation-play-state:paused}
@keyframes sa-rt-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.sa-results-ticker__track{animation:none;overflow-x:auto}}
.sa-results-ticker__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;flex:0 0 auto;padding:18px 34px;font-family:'Poppins',system-ui,sans-serif}
.sa-results-ticker__amt{font-weight:700;font-size:23px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1}
.sa-results-ticker__type{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;line-height:1}
.sa-results-ticker__sep{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#D97706}