Skip to content

Perchford design system

Internal, noindex
PRF-03

Property record anatomy

Explains what the digital property record holds. Replaces the rotated card stack currently on the homepage, which carried no information.

Untriaged
Open isolated

Use it when

Explains what the digital property record holds. Replaces the rotated card stack currently on the homepage, which carried no information.

Category
Plan and record proof
Layout archetype
Held column
Page position
middle (derived)
Purpose
prove (derived)
Field
light (derived)
Interaction
static (derived)
Motifs
Ledger pair, Sequence mark, Held column, Margin note, Quiet field

Content it requires

  • Six record layers with a term and one sentence each

Do not use it when

  • Six is the working range. Four looks thin, eight stops being memorable.
  • Terms need to stay under about four words or the ledger column wraps awkwardly.

Variants

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

Implementation

src/components/patterns/ProofRecordAnatomy.astro

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

<ProofRecordAnatomy />

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.