Skip to content
L-230Layout

Orbit Quote Switcher

Testimonial section built as a plain, fully editable Etch tree: live-dot eyebrow, h2 heading and lede, then a glass quote card with a glowing dotted orb, a large quote mark and a stack of "Voice" component instances (onl…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Orbit Quote 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 18

Set on the section, in Etch’s attributes panel. No code needed.

data-theme
darklightbrandglass

re-themes the section

data-surface
glasselevatedoutlineflat

quote card surface

data-radius
smlxl

card corner radius

data-shadow
nonesoftdeep

layered depth under the card

data-accent
primarysecondaryaccentneutral

accent token for the orb, stars, active progress

data-align
centerstart

quote alignment

data-density
compactcomfortableairy

section and card padding

data-scale
sml

quote type scale

data-orb
truefalse

glowing dotted orb behind the quote

data-switcher
avatarspillsunderline

switcher look

data-progress
truefalse

autoswitch progress bar on the active switcher item

data-reveal
wordfadeblurnone

how a newly-activated quote enters

data-duration
numberdefault 600

ms · reveal duration

data-stagger
numberdefault 40

ms · per-word stagger for the word reveal

data-easing
smoothspringsnappyeaselinear

or any cubic-bezier · reveal easing

data-orb-speed
numberdefault 40

seconds per turn; 0 stops it

data-autoswitch
truefalse

automatically rotates through voices

data-delay
numberdefault 6500

ms · autoswitch interval

Component props 1

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Voice3 in this pattern · 11 props
PropTypeDefault
quote
text

We used to ship a redesign every eighteen months. Now it is closer to…

authorName
text

Priya Ashworth

authorRole
text

Head of Product

avatar
text

https://images.unsplash.com/photo-1580489944761-15a19d654956?w=160

avatarAlt
text

Priya Ashworth

companyName
text

Ridgeline

rating
text

5

showRating
true / false

True

showAvatar
true / false

True

showRole
true / false

True

showCompany
true / false

True

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan