Skip to content

Perchford design system

Internal, noindex
DIF-02

Independence statement

The zero percent commitment. The single strongest trust asset the business has, given a full field and a display numeral.

Untriaged
Open isolated

Use it when

The zero percent commitment. The single strongest trust asset the business has, given a full field and a display numeral.

Category
Difference
Layout archetype
Full bleed
Page position
middle (derived)
Purpose
compare (derived)
Field
dark (derived)
Interaction
static (derived)
Motifs
Margin note, Quiet field

Content it requires

  • The figure
  • A headline under ten words
  • One paragraph explaining how revenue actually works

Do not use it when

  • Once per page, and only on pages where money is already on the reader’s mind.
  • The figure is decorative to screen readers and is repeated in the visually hidden heading text. Keep both in sync if the copy changes.

Variants

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

Implementation

src/components/patterns/DiffIndependence.astro

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

<DiffIndependence />

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.