spacing-systemlisted
Install: claude install-skill KyaniteLabs/tastecheck
# Spacing System (the scale nobody owns)
Every gap uses one `--space-*` scale; relationships create composition, not arbitrary margins.
## The decision order
1. Start with the 4px-base ladder `4/8/12/16/24/32/48/64/96px` and
`--space-section: clamp(48px, 32px + 4vw, 96px)` defaults. An alternate bounded scale
needs brief and observed-hierarchy evidence.
2. Map attachment, control, task, group, region, and chapter to visibly different steps
(roughly ≥1.5× between levels), or document a content-pressure exception.
3. Choose metronomic or intentional syncopated section rhythm from content pressure; explain it.
4. Use `gap` and one-direction logical margins; explain any arbitrary-margin exception.
## Let content set the rhythm
Map operational tasks to compact predictability and editorial/narrative content to breathing
room; retain one system and explain differing roles. Use the role map first:
| Relationship | Shared token | Compact operational rhythm | Long-form editorial rhythm |
| --- | --- | --- | --- |
| attachment | `--space-1` (4px) | icon/state to its label | inline metadata pair |
| control | `--space-2/3` (8/12px) | label-to-control / inside a control | claim-to-citation / tight evidence pair |
| task | `--space-4` (16px) | repeated queue item | adjacent paragraph or evidence group |
| group | `--space-5` (24px) | task-group break | discrete finding |
| region | `--space-6/7/8` (32/48/64px) | console-region break | narrative subsection or causal pivot |
|