Saltar al contenido principal

Testimonials prompt

With a plan

Warm Marquee Testimonial Wall

A layered testimonial wall of three tilted card rows drifting in opposite directions, with faded edges, glass cards, star rows, avatar rings, bold feature cards and a pause switch. Pure CSS, a warm amber and terracotta palette, and a calm static grid for visitors who prefer reduced motion.

  • Playful
  • Bold
  • Cl
  • Cu
  • v0
  • Lo
  • Bo
  • GP
Warm Marquee Testimonial Wall section, light theme

A picture of the design. The live, interactive preview, the full prompt and the code unlock with a Dapols plan. See the plans.

Want this on your own site? Pick it for your plan.

The prompt, code and settings

Everything on this page except these four tabs is free to read. The tabs unlock with a paid Dapols plan.

Warm Marquee Testimonial Wall is included with every Dapols plan

Free visitors get the free prompts. Any Dapols plan, the one-time setup or the monthly subscription, unlocks every prompt.

Unlocking this prompt gives you:

  • The full prompt, ready to paste
  • Short notes for each AI tool it supports
  • The design as React with Tailwind, and as plain HTML and CSS
  • Every color, font and spacing value in a table
  • Step-by-step tips for using it in each tool

Already have a paid plan?

Not on a plan yet?

The preview, description and FAQ on this page are free. A plan unlocks this prompt and every other one in the library.

See the plans

Want to try one now? Browse the free prompts.

About this design

Three rows of quote cards drift across the page at different speeds, two heading left and one heading right, on a slight tilt, so the wall feels like a stack of notes pinned up at an angle. Soft fades on all four sides let cards appear and vanish gracefully, and a warm spotlight glows behind a large serif heading with a highlighter mark. Each card is a glass panel in butter, blush, sage, sand or cream with a specular edge, a row of stars, a faint closing quote mark, an avatar wrapped in a gradient ring with a verified tick, and an optional tag chip. One bold terracotta feature card per row breaks up the rhythm and gives the eye somewhere to land. Motion is pure CSS and calm: rows pause on hover and keyboard focus, a visible Pause scrolling switch stops everything, the duplicate cards are hidden from screen readers, and reduced-motion visitors get a still, wrapped grid. Light and dark themes are included, and every line ships as a bracketed placeholder.

Pairs well with the Hearth, Bloom and Craft Looks in the Dapols website studio. See website examples.

Questions about this design

How does the marquee loop without a gap or a jump?

Each row holds the same group of cards twice, side by side. The track slides left by exactly half its width, which is one full group, and then repeats from the start. Because the two groups are identical and the gap after each group equals the gap between cards, the reset is invisible.

Is a scrolling testimonial wall accessible?

It can be, if you plan for it. This design pauses on hover and on keyboard focus, offers a visible Pause scrolling switch, hides the duplicate cards from screen readers so each quote is read once, and turns into a static grid when the visitor asks for reduced motion.

Can I use it with real testimonials?

Yes, and that is the point. Every line ships as a bracketed placeholder. Replace the text with quotes your customers have agreed to publish, keep six or more cards per row so the loop is wider than the screen, and delete any tag chips you do not need.

  • Pastel Bento Features Grid preview

    FeaturesWith a plan

    Pastel Bento Features Grid

    A premium six-tile bento features section in warm pastels, deep ink and tomato. Each tile carries an illustrated mini interface that bleeds off its edge: a progress card, a fan of version cards, switches, tags, a bar chart and a heat strip.

    • Bold
    • Playful
    • Cl
    • Cu
    • v0
    • Lo
    • Bo
    • GP
    View
  • Loam Liquid Features preview

    FeaturesWith a plan

    Loam Liquid Features

    A playful, premium features section: glossy liquid SVG blobs with lit gradients and specular highlights behind four cards, gooey beads that merge on hover or focus, and glossy icons that reveal a flowing gradient through a clip mask.

    • Playful
    • Bold
    • Cl
    • Cu
    • v0
    • Lo
    • Bo
    View
  • Murmur Particle Field Hero preview

    3D and Three.jsWith a plan

    Murmur Particle Field Hero

    A cinematic full-viewport hero over 52,000 GPU particles that breathe between a ribbon and a sphere, with depth of field, bokeh, additive glow, a hot core thread, film grain and a lens reticle. Three.js, dark and light.

    • Dark
    • Bold
    • Cl
    • Cu
    • v0
    • Lo
    • Bo
    View

Use this in your own site

Need a whole site, not one section? Pick the designs you like, choose your colors and fonts, and Dapols builds the website for you as part of your plan. Answer a few questions about your business to get started.