Five quote, logo, and video-callout patterns. Container queries swap grid widths.
Large card with avatar, big quote, attribution. .lsd-fx--scale-in on entrance.
.lsd-frame--shadowed.lsd-fx--scale-in“LSD compresses what used to be a week of brand-to-code work into an hour. The container queries make me trust every block I drop in.”
3 → 2 → 1 columns. Each tile: 5-star row + quote + attribution.
.test-grid-3up.lsd-chip--star“Best brand system I've used in a decade.”
“Container queries are a revelation — finally, blocks that just work.”
“Our team ships 3x faster with LSD's block library.”
Continuous horizontal scroll, paused on hover. prefers-reduced-motion falls back to a static wrap.
.test-marquee@keyframes“Compresses a week of brand work into an hour.”
“Container queries are the unlock.”
“Our team ships 3x faster.”
“Best brand system in a decade.”
6 → 3 → 2 columns. Hover highlights with accent color.
.test-logosSplit: thumbnail in .lsd-frame--magazine with .lsd-aspect--16-9 + play overlay; quote on the side.
.lsd-frame--magazine.lsd-aspect--16-9“We rolled LSD out across 12 product surfaces in 6 weeks. The brand kit handled all the contrast math automatically.”
“LSD compresses what used to be a week of brand-to-code work into an hour.”
“Best brand system I've used in a decade.”
“Container queries are a revelation.”
“Our team ships 3x faster.”
“Compresses a week of brand work into an hour.”
“Container queries are the unlock.”
“Our team ships 3x faster.”
“We rolled LSD across 12 surfaces in 6 weeks.”