Spellbook Testimonials Section

Spellbook Testimonials Section, dark-mode, editorial, dark

Preview image. Unlock full-res

Three-column dark case-study row pairing color-blocked portrait photos with role tags and Read Story links.

Industryai, legal, saas
Elementscard, image, badge, avatar
Palette
#1A1A1A
#E8531F
#F2B705

Summary

A three-up case-study row on a dark background, each card a cropped portrait on a saturated color block above a quote-style headline and Read Story link. The bright color panels carry all the visual energy against the black.

Visual description

Centered two-line serif heading "Designed for law firms and in-house teams" sits above three equal cards. Each card has a person photographed against a solid color square (orange, yellow, green), with the subject cut out cleanly. Below each photo are two small pill tags (a category like "Law Firm" plus the firm name), a bold sans-serif result headline, and a "Read Story" link with an arrow. Layout is evenly gridded with generous gutters.

Key takeaway

Shooting each subject against a different saturated color block turns plain headshots into a vivid, branded row, and the colors do the heavy lifting on an otherwise black section. The pill tags (category plus client name) make each card scannable as a mini case study rather than a floating quote.

Reuse notes

Use when you have real customer photos and want testimonials to read as credible case studies rather than generic praise. The color-block treatment requires consistent cut-out portraits to look intentional; mismatched crops or backgrounds break it. Works best on dark so the color squares pop.

More testimonials sections

See all

More like this