Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSpotlight Testimonial Switcher
A portrait testimonial card as a plain, fully editable Etch tree: section > container > stage (a 360×499 grayscale portrait with a 30% scrim, 15px radius) holding a 95% white quote card (quote, five gold stars, 40px avat…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Spotlight Testimonial Switcher reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Testimonials
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 12
Set on the section, in Etch’s attributes panel. No code needed.
data-themesection background (source = black page)
data-colorizethe portrait stays grayscale like the source, colourises on stage hover/focus, or always shows in colour
data-card-positionwhere the white quote card sits inside the portrait (source = bottom)
data-scrimthe 30% black photo scrim
data-card-style95% white card (source) or a frosted glass card with white text
data-radiusdefault = source 15px card / 10px quote card
data-ratingshow the five-star row
data-avatarshow the small avatar in the quote card
data-fontssource = DM Sans, theme = inherit the site font
data-switchershow a row of "Spotlight Avatar" component instances under the card
data-animcrossfade when switching
data-durationms
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
photohttps://images.unsplash.com/photo-1544005313-94ddf0286df2?w=900
photoAltPortrait of Talia Byrne
nameTalia Byrne
roleCoach
quote"Finally a plan that matches how my body recovers. Six months in, eve…
rating5
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
