Skip to content

Perchford design system

Internal, noindex
TRU-04

Inset testimonial panel

Alternate to TRU-02 for pages with no usable photography. A bounded sand panel sitting on a dark field with the field visible on all four sides.

Untriaged
Open isolated

Use it when

Alternate to TRU-02 for pages with no usable photography. A bounded sand panel sitting on a dark field with the field visible on all four sides.

Category
Trust
Layout archetype
Inset panel
Page position
middle (derived)
Purpose
reassure (derived)
Field
dark (derived)
Interaction
static (derived)
Motifs
Quiet field, Margin note

Content it requires

  • A quote under 30 words
  • Attribution
  • Four title-block fields

Do not use it when

  • Ships with placeholder attribution. Do not publish until it is a real statement.
  • No image, which is the point. If you have a good portrait, use TRU-02 instead.

Variants

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

Implementation

src/components/patterns/TrustInsetPanel.astro

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

<TrustInsetPanel />

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.