Skip to content

Perchford design system

Internal, noindex
TRU-02

Homeowner quote

A single testimonial paired with a framed portrait or property view, given enough scale to be read rather than skimmed.

Untriaged
Open isolated

Use it when

A single testimonial paired with a framed portrait or property view, given enough scale to be read rather than skimmed.

Category
Trust
Layout archetype
Held column
Page position
middle (derived)
Purpose
reassure (derived)
Field
light (derived)
Interaction
static (derived)
Motifs
Elevation frame

Content it requires

  • A quote under 30 words
  • Attribution
  • Context line
  • An image, or the honest placeholder

Do not use it when

  • Ships with a placeholder image and placeholder attribution. Do not publish until both are real.
  • One quote per page. A row of three testimonials is decoration, not evidence.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

Implementation

src/components/patterns/TrustQuote.astro

---
import TrustQuote from '../components/patterns/TrustQuote.astro';
---

<TrustQuote />

Import directly. Do not route production through patternComponents.

Production usage

Not yet used on a production page. Nothing here has been proven in front of a customer.

Accessibility

  • Verified at 360, 768, 1024, and 1440 with no horizontal overflow.
  • No interactive controls beyond links and buttons inherited from the design system.
  • Colour never carries meaning alone: every state marker is paired with text.
  • Motion respects prefers-reduced-motion.