Testimonial ledger

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 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.

• Night ledger (variations/night-ledger.html) inverts the entire section to your contrast ground with base type and hairlines.

• 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.

• 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.

1. The four quotes. Replace with four concise client quotes (20–40 words each).
2. 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.
3. The row count. Duplicate a row block for 5+ quotes, or delete one for 3.
4. The eyebrow. "Client record" is a paragraph label you can edit or delete.

• 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.