Press Quotes

An editorial testimonial section for studios, agencies and brands. One quote at a time, set large in a serif, revealed word by word, with the name, role and portrait underneath.

A row of names sits below. Each one carries a fine line that fills while its quote is showing, so visitors see who else is speaking and can jump straight to them.

Quotes: quote, name, role, portrait and an optional link for each testimonial. Up to twelve.

Align: hang the opening mark in the margin with the text on the left, or set it centred.

Quote, Name and Index fonts, Color, Muted and Accent: set it to your type, light or dark.

Marks, Avatar and Index: the quotation marks, the portraits and the "01" numbers can each be switched off.

Reveal and Stagger: the word-by-word entrance and how quickly the words follow each other.

Autoplay and Interval: moves on by itself, pauses while the pointer is over it, while it has focus and when the tab is hidden.

Accessible: real buttons, arrow-key and swipe support, and quotes announced to screen readers when they change by hand. Respects reduced motion. On the canvas and in static exports it renders a still, correctly laid out quote.

Zero dependencies and no network requests. Ships with four demo quotes and portraits so it works the moment you drop it in. The names, quotes and portraits are placeholders; replace them with your own.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.