Skip to content

Perchford design system

Internal, noindex
LVL-03

Scope ledger

Included against not included for a single level, driven from the includes and boundaries arrays already in the data model.

Untriaged
Open isolated

Use it when

Included against not included for a single level, driven from the includes and boundaries arrays already in the data model.

Category
Service levels and scope
Layout archetype
Held column
Page position
middle (derived)
Purpose
compare (derived)
Field
light (derived)
Interaction
static (derived)
Motifs
Ledger pair, Condition marker, Margin note

Content it requires

  • A level id
  • At least two boundaries on the level

Do not use it when

  • The not-included column must never be empty. A level with no stated boundary is not ready to publish.
  • Excluded terms are struck through, so the item text has to stay legible without relying on that cue alone.

Variants

Accepts any of the four level ids.

Implementation

src/components/patterns/LevelScopeLedger.astro

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

<LevelScopeLedger />

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.