Testimonial ledger, Pattern Paste Canonical: https://patternpaste.com/pattern/testimonial-ledger.html Library (https://patternpaste.com/patterns/) Testimonials (https://patternpaste.com/patterns/testimonials/) Catalogue access Standard # Testimonial ledger Four client testimonials structured as horizontal ledger rows, each bounded by a 1px currentColor hairline with a portrait and the client identity on the left and the direct quote on the right. States no colour and no font of its own. The signature moment ## The horizontal ledger separating client from verdict The signature is the continuous horizontal ledger structure bounded by currentColor hairlines. Each row is cleanly split into a 28% left metadata cell holding the speaker's name, role, and organization, and a 72% right cell carrying their direct verdict. The hairlines extend across the entire measure, framing the quotes into a quiet, authoritative list. Theme handoff ## What comes from where ### From your theme - The typeface. - Your colours. - The hairlines. - Your spacing scale. ### Set by this pattern - Full bleed with a 1240px container. - The 28/72 tabular split. - A portrait in the identity column. - The typography ramp. Full pattern notes ## Why it works, and how it is built Open a topic for the complete design reasoning, editing guidance and implementation notes. Design rationaleComposition, intent and nearest alternatives ### Overview Four client testimonials structured as clean horizontal ledger rows. Designed for high-density trust building on SaaS, product, and case study pages, presenting social proof as an audited record of customer results. ### The signature moment: the horizontal ledger separating client from verdict The signature is the continuous horizontal ledger structure bounded by currentColor hairlines. Each row is cleanly split into a 28% left metadata cell holding the speaker's name, role, and organization, and a 72% right cell carrying their direct verdict. The hairlines extend across the entire measure, framing the quotes into a quiet, authoritative list. This keeps the section distinct from the rest of the catalogue. testimonial-ratings is a multi-column scorecard grid; testimonial-trio is three bottom-aligned cards; quote-wall is an uneven 8-quote masonry wall. This pattern organizes social proof into a structured tabular record. Make it yoursVariations and the edits to make first ### The variation - Night ledger (variations/night-ledger.html) inverts the entire section to your contrast ground with base type and hairlines. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - The typeface. No font family is stated anywhere. All text inherits your theme's typography scale. - Your colours. Uses base for page ground and contrast for ink, with universal fallback guarantees. - The hairlines. Every row divider is currentColor, matching your text ink across all themes. - Your spacing scale. Padding and row gaps scale with your theme's spacing scale. ### What it decides for itself - Full bleed with a 1240px container. Spans the screen while holding reading rows comfortable. - The 28/72 tabular split. Separates the speaker's credentials from the quote while giving the quote a generous reading measure. - A portrait in the identity column. Each row opens on a 5rem square frame above the name and role, so the left column reads as a record of a person rather than a line of type. Above, not beside: the identity column is 28% of the band, and a chip sharing that row left the role line under twenty characters a line at every width. The four faces are the only images in the section and none of them states a colour, so the ledger inverts cleanly in the Night variation. - The typography ramp. Quotes are set at var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem)) with 1.5 line-height. Technical notesBlock mechanics, responsive behaviour and constraints ### What a buyer changes first - The four quotes. Replace with four concise client quotes (20–40 words each). - The client details. Edit the four name, role, and organization pairs, and the portrait beside each. It is a square crop of a head-and-shoulders photograph, not a centre crop of a full-length one: a waist-up frame squared from the middle loses the crown of the head and reads as a torso at this size. - The row count. Duplicate a row block for 5+ quotes, or delete one for 3. - The eyebrow. "Client record" is a paragraph label you can edit or delete. ### Notes - Core blocks only: group, columns, column, paragraph, image. - Every colour is a fallback chain ending in universal presets. - Text contrast is verified at 4.5:1 on all text pairs. 14KB of core-block markup, 5 blocks (column, columns, group, image, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Start free trial to copy (https://patternpaste.com/account/#plan) What you copy is yours forever. Cancel whenever. Back to the library (https://patternpaste.com/patterns/) Catalogue access ### £70 a year Save £50 Or £10 a month All patterns, variations and theme downloads. What you copy is yours forever. Cancel whenever. Start with three days of full access on sign-up, no card. Start free trial (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Cancel any time; access runs to the end of the period you have paid for, and there is no pro-rata refund. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.html)Stats Stat callout A high-impact framed spotlight plaque: a central marquee figure and bold executive statement sit above a ruled three-part corroboration shelf enclosed within the same 1px currentColor architectural frame. States no colour and no font of its own. (https://patternpaste.com/pattern/stat-callout.html)Pricing Pricing cover menu A screen-height cover with three plans set on it like a restaurant menu: a heavy veil of your theme's contrast colour over the photograph, a display headline in the lower left and a narrow ruled price list in the right-hand column, each plan a name and its price on one line and a sentence beneath, hairline rules between, one button under the list. The list drops beneath the headline on a phone. Includes a replaceable example photograph and placeholder prices. States no colour and no font of its own. Ships with a short hand-off row on your theme's paper below it. (https://patternpaste.com/pattern/pricing-cover-menu.html) #### Before you paste Requires a block theme on WordPress 6.7 to 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type. How we test patterns (https://patternpaste.com/how-we-test/) Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library. Video variations need your own clip. Image credits (https://patternpaste.com/image-credits/). #### What's inside Blocks column, columns, group, image, paragraph Core only yes Chains 14, deepest 3 rungs currentColor yes color base, black, contrast, role-label, white spacing 30, 50, 60, 80 font-size medium Continue exploring ## Next in Testimonials Explore all 11 Testimonials patterns (https://patternpaste.com/patterns/testimonials/) Shot in Twenty Twenty-Five Testimonials Testimonials Standard ### Testimonial lead and rail An asymmetric two-column section with a 58/42 split: an expansive featured client quote on the left under a large portrait on its attribution rule, counterweighted by a vertical stack of two compact peer testimonials on the right, each with a small portrait, separated by a currentColor hairline. 5 blocks · 1 variation Open preview (https://patternpaste.com/pattern/testimonial-lead-and-rail.html) Ruled cards (https://patternpaste.com/pattern/testimonial-lead-and-rail.html#variant=ruled-cards) Shot in Twenty Twenty-Five Testimonials Testimonials Standard ### Testimonial metric An outcome-driven testimonial section pairing a display-scale impact figure and context label on the left with an expansive client quote on the right, the client's portrait standing on the ruled attribution beneath it. 5 blocks · 1 variation Open preview (https://patternpaste.com/pattern/testimonial-metric.html) Inverted plate (https://patternpaste.com/pattern/testimonial-metric.html#variant=inverted-plate) Shot in Twenty Twenty-Five Testimonials Testimonials Standard ### Testimonial portrait One client quote against one example upright portrait, two up on your page ground. 5 blocks · 1 variation Open preview (https://patternpaste.com/pattern/testimonial-portrait.html) Ruled foot (https://patternpaste.com/pattern/testimonial-portrait.html#variant=ruled-foot)