Opens in a new tab

Testimonials · Big quote

A single large quote at a time for Bricks Builder, fading between three testimonials under an FBK Intro and a big pair of brand quote marks. A removable motion carries the new quote up slightly as it fades in, with the author following a beat later, and a row of arrows and segments lets visitors move between quotes.

Dark mode ready

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

  • FBK Quote

    A testimonial: quote, stars, avatar, name, role or company and date.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Quotes, class fbk-bigquote

Quote size

--fbk-t-quote-size
var(--h3)

Width of the segments between the arrows

--fbk-t-dots-w
8em

Space between the quote and the controls

--fbk-t-controls-gap
var(--space-l)