Skip to content

Perchford design system

Internal, noindex
PRF-05

Record filmstrip

The property record read sideways, because a history is a horizontal thing. The only pattern in the library with a different reading direction.

Untriaged
Open isolated

Use it when

The property record read sideways, because a history is a horizontal thing. The only pattern in the library with a different reading direction.

Category
Plan and record proof
Layout archetype
Filmstrip
Page position
middle (derived)
Purpose
prove (derived)
Field
light (derived)
Interaction
static (derived)
Motifs
Condition marker, Margin note, Quiet field

Content it requires

  • Five to eight dated entries mixing completed, open, and projected states

Do not use it when

  • Horizontal scroll hides content by design. Never put anything decision-critical past the third cell.
  • The track is focusable so it can be scrolled from the keyboard. Keep the tabindex if you restyle it.
  • Projected entries must be labelled as projections, never as commitments.

Variants

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

Implementation

src/components/patterns/ProofRecordFilmstrip.astro

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

<ProofRecordFilmstrip />

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.