WebPremium Verified

Colour Block Testimonials UI Block

A square-corner testimonials block with a warm near-white ground and solid teal, cream, and clay colour fields. It gives launch pages and campaign sites a focused proof section without importing a full page layout.

What you get

  • One responsive testimonials section with two or three quote panels
  • Solid, square-corner colour fields with readable contrast
  • A clearly labelled content-data block for editable quotes, attributions, heading, and order
  • Style tokens for colours, spacing, and typography
  • Semantic quotes and predictable mobile stacking

Good fit

  • Product launch pages that need trust near the decision point
  • Founder-led marketing sites with a small set of approved customer quotes
  • Campaign landing pages that need a focused proof section

Not for

  • A complete marketing website or multi-section landing page
  • A ratings component with stars, avatars, or review aggregation
  • Claims that have not been approved by the quoted customer

What you provide

  • Approved customer quotes and attribution details
  • Audience, page context, and desired reassurance
  • Optional CTA label and destination

Requirements

  • A modern browser
  • Node.js 20+ for the validator

Running cost

No external services. Runs entirely on your agent.

Try this prompt

/sl-colour-block-testimonials-ui-block Create one responsive testimonials section for independent teams, titled “Proof that feels human,” with three fictional quotes in this order: Mara Lin, independent studio lead; Jon Bell, operations consultant; Nia Cole, founder of a community platform. Use square teal, cream, and clay colour fields with mono metadata; no gradients.

Follow-up prompts

  • Make the approved quotes more concise while preserving each customer's distinct outcome.
  • Create a two-quote mobile-first variation with a stronger teal lead panel.
  • Swap the clay accent for a muted coral that still passes contrast checks.

Verification

Verified

render-checkpass4.0 / 532s

FAQ

Can I use only two testimonials?

Yes. The block supports two or three quotes. With two, use spacing and colour contrast to keep the section balanced.

Can the colours be changed?

Yes. Edit the palette tokens while preserving readable contrast on every solid colour field.

Does this create a whole landing page?

No. It creates one reusable testimonials section and any local CTA needed by that section.

Similar skills