List and quote CSS Template

Black Type and Check Icons Shape the Strategy Section

The white background gives the two-column composition an open visual field, allowing the black typography to carry the hierarchy. On the left, the bold condensed heading “We define ambitions” introduces the supporting copy and leads into four strategy offerings. Small check-style icons create a repeated visual marker for Brand strategy, Brand architecture, Digital strategy, and Employer brand strategy, making the list easy to scan without adding heavy card treatments or decorative containers.

The right column changes the typographic scale rather than introducing another list. Its large testimonial quotation creates a strong counterweight to the denser service content, while the attribution to David Bell, CEO and Co-Founder, anchors the quote beneath it. Restrained spacing keeps the two vertical columns balanced and preserves a clear separation between the offering and the supporting social proof.

For a CSS Template interpretation, the most important styling relationships are the contrast between the condensed heading and quotation, the consistent black-on-white treatment, the alignment of the four service rows, and the spacing between the left and right content groups. Adjustments to type size, line height, icon scale, or column spacing can refine the block’s appearance while retaining its strategy-and-testimonial function. Custom CSS can provide targeted styling when the standard controls need supplementation, without replacing the section’s content structure.