Corporate Recruitment Agency Testimonial Layout for Divi 5: Single Card

The layout opens with a full-width white section anchored at #testimonials, keeping it linkable from a page header or navigation tab without any extra markup. A centered H2 heading, "What hiring managers say," sits 30px above the card in IBM Plex Sans SemiBold at 48px with a 70px line-height, capped at 810px wide so it never stretches uncomfortably on widescreen displays. The navy #13233f keeps it authoritative without going fully black, reinforcing the corporate tone that recruitment clients expect.

The testimonial card sits on a #f2f5fa cool-light background, separated from the white section by a 1px #d3dbe8 border and softened with 6px corner radii. That combination reads as a contained, professional panel rather than a floating box, which suits pages where the rest of the design is relatively flat. Inside, Divi 5's native testimonial module lays out the portrait, the quote copy, and the three-field attribution (name in dark navy, job title and company in medium slate #4f5d73) as a coherent unit you edit in a single place.

On tablet the heading steps down to 36px with a 42px line-height, which prevents it from dominating a narrower viewport. On phone the row shifts to a vertical flexDirection: column layout and the section padding collapses to 0px, so the card sits edge-to-edge inside whatever container wraps it. This is intentional: the surrounding page section typically supplies its own horizontal padding, and removing the duplicate gap keeps the mobile layout clean.

The single-card format is a deliberate editorial choice. Rather than a carousel that dilutes credibility across a grid, one well-chosen quote from a named Head of Engineering at a named company signals depth of placement, not breadth of volume. Swap in your own client's quote, upload a headshot, and the credibility transfer is immediate.