sheleg-design-skill 1.57.0 → 1.58.0

package/CHANGELOG.md

@@ -6,6 +6,92 @@ follow [SemVer](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+## [1.58.0] - 2026-08-30
+
+### The catalogue stops being the one surface nobody designed, and two blind reads land
+
+**The site is now built from a pack.** The two generators behind
+`ssheleg.github.io/sheleg-design-skill` carried **sixty-seven colour literals**
+between them — a dark-only scheme that appears in no pack, answers no
+`prefers-color-scheme`, and had never been through the contrast gate every pack must
+pass. A library that ships thirty-nine measured token layers and paints its own
+catalogue in an undocumented one is arguing against itself.
+
+`tools/chrome.py` is the shell now: it inlines `styles/tokens/workbench.css`
+**verbatim** and the site's own CSS consumes `var(--…)` and nothing else.
+`workbench` for two checkable reasons — it is the library's stated default for
+product UI, which is what a catalogue is, and it is one of only two packs shipping a
+full `[data-theme="dark"]` twin, which a public page needs. The theme follows the
+pack's own written instruction (*"keep one switch, never two sources of truth"*): a
+`prefers-color-scheme` listener sets `data-theme`, and the two `theme-color` meta
+tags are **derived** from the layer's `--bg` rather than typed. `no_literals()` runs
+on every build and in `npm test`, so this cannot rot back.
+
+The site's links honour the pack rather than override it: `--accent` is declared
+`@role non-text` at 4.30:1, so a link is `--ink` wearing an accent underline, and
+hover thickens the rule instead of recolouring the word.
+
+**The front door had been publishing 39 blank cards.** `tools/gallery.py` parsed the
+pack catalogue out of `SKILL.md` long after that table moved to
+`STYLE_PACK_INDEX.md`. The regex matched nothing, `look` and `for` came back empty
+for **every** pack, and the live site shipped *"Choose for"* followed by silence on
+all thirty-nine — with the JSON-LD `ItemList` descriptions and the `llms.txt`
+entries empty behind it. Nothing failed, because an empty string is a valid string.
+Fixed, and the parse is now asserted: a run that finds no catalogue rows stops
+instead of publishing a catalogue with no prose in it.
+
+### Scenario T37 ran, both branches passed, and cost 29 findings
+
+Written on 2026-08-30 with its debt stated; run the same day once subagents were
+available. Both branches blind against the bundle directory, both correct — `T37a`
+reached `chorus` from a quoted-thread brief, `T37b` **stayed on `surveyor`** from an
+enterprise-tracker brief, which is the failure a positive-only branch cannot detect.
+
+**Twelve of `T37a`'s sixteen findings on `chorus` are fixed here.** The three that
+mattered were invisible to every gate:
+
+- `--on-status` stayed at its root white inside the slab block, putting **white on
+  the mint at 1.32:1** — in the one surface the pack invented the mint for. The
+  comment above that block said it owed "two tokens" while the block changed five.
+  It now re-declares six, and the count is stated.
+- The slab's overrides **inherited into light descendants**: a white card nested in a
+  slab took a white hairline and re-admitted the mint the pack's own Bans forbid on
+  paper. A nested light surface takes its tokens back.
+- The Responsive section's opening sentence contradicted its own table two lines
+  below: *"768 and 1440 differ only in the frame, not in the type"*, against a table
+  giving the display 40px at 768 and 56px at 1440.
+
+Also: `--track-h2-sm` now exists for the narrow section head the Responsive table
+asks for; the Delta chip's "wash" is two real tokens (`--good-weak`,
+`--danger-weak`); the provenance legend names the family it actually uses
+(**PACK DECISION**, and no SELECTED); one ratio was wrong (`--parchment` on `--bg` is
+1.14:1, not 1.15); "a factor of three" was 2.8; the eyebrow was two objects with two
+sizes; three things were called a pill and none of them used `--r-pill`; and the
+slab hook is now the library's own unprefixed `[data-surface="slab"]` — chorus had
+been the only pack you could not A/B by swapping the token layer alone.
+
+**One of `T37b`'s thirteen findings on `surveyor` is fixed here**, because it is an
+accessibility hole with a one-token remedy: `--focus-color` is `--action`, and
+`#0a7269` on the pack's own `--accent` closer panel measures **1.55:1** — under the
+3:1 mark floor, on the surface carrying the final CTA. `[data-surface="accent"]` now
+re-declares the ring to the pack's `--bg` at 3.54:1. The other eight are verified and
+filed as B-137 for the pack's author, per the B-134/B-135 precedent.
+
+**Both branches found the same third-party defect, and neither pack could have
+caught it.** `MOTION_DOCTRINE.md` called `bulletin` at 3 *"the lowest ceiling in the
+library"* — false for four releases, while four packs pin **2**. Corrected, and
+`validate_motion_ceiling_floor()` now recomputes both the minimum and the count from
+the packs' own Register lines; it was watched failing against a planted 3 before it
+went green.
+
+### Ledgers
+
+B-136 closed. B-137 and B-138 opened with the verified remainder. `REQ-CHORUS-3`
+moves off `never`, taking the ledger from two `never` rows to one. The `chorus`
+acceptance record's REQ-10/11/12 are closed against receipts — including the one
+that is only **partly** met and says so: the launcher's pin still names v1.54.0,
+because that repository holds ~2,100 lines of another session's uncommitted work.
+
 ## [1.57.0] - 2026-08-30
 
 ### The siblings are declared, the maps are derived, the descriptions stop scarring

package/kits/chorus/src/Slab.md

@@ -5,8 +5,10 @@ category: Surfaces
 The dark band cut into the paper: `--slab` at `--r-panel`, inset `--slab-inset` (30px,
 measured against the viewport rather than a parent), full width otherwise.
 
-It carries `data-chorus-surface="slab"`, which is what re-declares `--focus-color`,
-`--line` and the three status tokens inside it. That re-declaration is not decoration:
+It carries `data-surface="slab"` — the library's own unprefixed hook, so this pack
+can be A/B'd against any other by swapping the token layer alone — and that
+attribute is what re-declares the six tokens that would otherwise resolve to a
+light-field value on a dark ground. That re-declaration is not decoration:
 the ink focus ring measures 1.00:1 against `--slab` and would vanish on the band that
 carries the closing CTA.
 

package/kits/chorus/src/Slab.tsx

@@ -8,7 +8,7 @@ export interface SlabProps {
 export function Slab({ children, className }: SlabProps) {
   return (
     <section
-      data-chorus-surface="slab"
+      data-surface="slab"
       className={['ch-slab', className].filter(Boolean).join(' ')}
     >
       {children}

package/kits/chorus/src/styles.css

@@ -39,10 +39,16 @@
 
    MEASURED — the literal was computed on the live page or read from an authored
    Framer token that the census confirmed paints.
-   SELECTED — a value the reference ships in another role, taken because a floor
-   forces the move; only the role changes.
    DERIVED — computed from a token here because the reference's own value fails a
    floor. Hue is held; lightness moves and chroma is clipped to gamut.
+   PACK DECISION — a value the reference does not carry at all, so there was
+   nothing to measure. Two of them, and both are named where they sit: the
+   mirrored cut corner, which the reference ships in one direction only, and the
+   state clock, because the reference's controls compute to 0s.
+
+   There is no SELECTED family here. The reference offers no darker step of its own
+   in any hue that fails, so every correction below had to be DERIVED — which is
+   the opposite of `surveyor`, whose whole remedy was its reference's own ladder.
 
    The corrections are in the pack's Gotchas, and there are six. */
 
@@ -150,6 +156,13 @@
   --danger: #d03950;
   --info: #1167f4;
   --on-status: #ffffff; /* 4.84:1 on --good, 4.79:1 on --danger, 4.92:1 on --info */
+  /* The delta chip's ground. The reference paints its rose at two alphas over the
+     field (10% and 15%); the green wash is the same construction at the same
+     alpha, which is a PACK DECISION stated rather than a measurement implied.
+     @role non-text: --good-weak, --danger-weak — a tint under a figure that
+     carries its own solid; nothing is written ON them. */
+  --good-weak: rgba(25, 132, 0, 0.1);
+  --danger-weak: rgba(208, 57, 80, 0.1);
 
   /* ---- Status on the slab: a separate ladder, and the mint lives only here */
   /* MEASURED on the dark wells. The mint is the identity of the reading — 36
@@ -215,7 +228,10 @@
   --focus-w: 2px;
   --focus-offset: 2px;
   --focus-color: var(--ink-strong);
-  --focus-color-on-dark: var(--paper); /* 16.54:1 on --slab */
+  /* It points at the ink token rather than at --paper: a ring on the dark IS ink,
+     and two names for one value is what this file's own coral comment argues
+     against. The ratio it has to clear is the one --on-slab already states. */
+  --focus-color-on-dark: var(--on-slab);
 
   /* ---- Radii: a measured ladder, and one corner that is not there -------- */
   /* MEASURED across the census: 8px on a badge, 10px on a chip and eyebrow, 12px
@@ -240,8 +256,13 @@
   --r-bubble: 24px 0 24px 24px;
   --r-bubble-mirror: 0 24px 24px 24px;
 
-  /* ---- Spacing: a 4-based ladder and a 100px section -------------------- */
-  /* MEASURED. The card's padding is 32px and its internal gap is 32px, and
+  /* ---- Spacing: the measured steps, named by their step number ---------- */
+  /* The suffix is the ladder's INDEX, not the value in quarters — `--space-10`
+     is the tenth step and it is 32px. That is worth stating because the values
+     are the reference's own measured gaps (4, 6, 8, 10, 12, 16, 24, 32, 40, 100)
+     and two of them are not multiples of four, so no arithmetic reading of the
+     name survives contact with the ladder. Read the comment, not the number.
+     MEASURED. The card's padding is 32px and its internal gap is 32px, and
      NEITHER CHANGES at 390 — the card keeps desktop padding on a 350px sheet,
      which is a deliberate property of the reference and is stated in Responsive.
      The section rhythm is 100px at desktop. */
@@ -310,6 +331,9 @@
   --track-display: -0.0625em; /* MEASURED — -3.5px at 56px */
   --track-display-sm: -0.025em; /* MEASURED — -1px at 40px; it RELAXES */
   --track-h2: -0.032em; /* MEASURED — -1.4px at 44px */
+  --track-h2-sm: -0.025em; /* MEASURED — -1px at 34px, the narrow section head.
+     It exists because the Responsive table asks for it: a size step with no
+     tracking token forces the literal this library bans everywhere else. */
   --track-quote: -0.02em; /* MEASURED — -0.48px at 24px */
 
   --weight-body: 400;
@@ -339,11 +363,21 @@
   line-height: var(--lh-body);
 }
 
-/* The slab is a surface, not a theme — the page never inverts. What it does owe
-   is the two tokens that would fail silently on it: the focus ring, which is ink
-   and therefore invisible — #1b181c on #1b181c is 1.00:1 — and the rule ink. */
+/* The slab is a surface, not a theme — the page never inverts. The hook is the
+   library's own `[data-surface]`, unprefixed: every other surface-variant pack in
+   this collection uses that attribute, and the index's selection protocol says to
+   compare candidates by changing the token layer alone. A namespaced hook would
+   have made chorus the one pack you cannot A/B without editing the markup, which
+   is a cost paid by every reader to buy nothing. `.chorus-slab` is kept beside it
+   as an alias, because a class is what a component library reaches for.
+
+   What the block owes is every token that would otherwise resolve to a light-field
+   value on a dark ground. There are SIX, and the count is stated because the first
+   version of this block listed two, changed five, and left the sixth — --on-status
+   — at its root white, which put white on the mint at 1.32:1 inside the one
+   surface the pack invented the mint for. */
 .chorus-slab,
-[data-chorus-surface="slab"] {
+[data-surface="slab"] {
   background-color: var(--slab);
   color: var(--on-slab);
   --focus-color: var(--focus-color-on-dark);
@@ -351,6 +385,24 @@
   --good: var(--good-on-dark);
   --danger: var(--danger-on-dark);
   --info: var(--info-on-dark);
+  /* The sixth. On the on-dark ladder the label is INK, not white: --slab on the
+     mint is 13.31:1, on the rose 6.01:1, on the periwinkle 7.40:1. White on those
+     three is 1.32:1, 2.93:1 and 2.38:1 — the first of them invisible. */
+  --on-status: var(--slab);
+}
+
+/* Custom properties inherit, and a slab is a section rather than a leaf: a white
+   card placed inside one would take the slab's white hairline and its mint, which
+   is the pack's own ban ("No mint on paper") arriving by inheritance. A light
+   surface nested in a slab therefore takes its tokens back. */
+.chorus-slab :is(.ch-card, .ch-well--paper, [data-surface="paper"]),
+[data-surface="slab"] :is(.ch-card, .ch-well--paper, [data-surface="paper"]) {
+  --focus-color: var(--ink-strong);
+  --line: rgba(70, 72, 77, 0.12);
+  --good: #198400;
+  --danger: #d03950;
+  --info: #1167f4;
+  --on-status: #ffffff;
 }
 
 /* The reference ships ZERO prefers-reduced-motion rules across 274KB. This block

package/kits/surveyor/src/styles.css

@@ -152,6 +152,13 @@
   --focus-w: 2px;
   --focus-offset: 2px;
   --focus-color: var(--action);
+  /* The ring VANISHES on the one surface the pack fills with --accent: #0a7269 on
+     #0d9488 is 1.55:1, under the 3:1 mark floor, and the closer panel is where the
+     pack puts its final CTA. So the accent slab re-declares the ring in the pack's
+     own paper — #fff7f3 on #0d9488 is 3.54:1, over the floor. Found by a blind
+     read of the shipped pack, not by a gate: a token that resolves is a token the
+     gates accept, whatever it resolves to underneath. */
+  --focus-color-on-accent: var(--bg);
 
   /* ---- Radii: a 10px hand, a 24px card, a 32px panel ------------------- */
   /* MEASURED. The control is the se-uikit's own 10px on every button and
@@ -284,6 +291,13 @@ b {
   font-weight: var(--weight-heading);
 }
 
+/* The closer panel is the pack's only saturated surface, and the only place the ink
+   ring cannot be seen. It is a SURFACE variant, not a theme: nothing else changes. */
+[data-surface="accent"] {
+  background-color: var(--accent);
+  --focus-color: var(--focus-color-on-accent);
+}
+
 /* ── components ── */
 /* Everything below consumes tokens only. The pack's rules in one place: the
    page is flat — elevation is a tint, the one shadow belongs to the detached

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sheleg-design-skill",
-  "version": "1.57.0",
+  "version": "1.58.0",
   "description": "Design taste as an installable agent skill. Cinematic scroll-driven landing pages built on one scroll clock and layered degrade-to-calm motion, a motion doctrine that decides whether to animate before it decides how, three calibration dials, and thirty-nine locked style packs with ready-made design tokens — instrument-console, editorial-luxury, workbench, briefing-room, atrium, orchard, outrank, babylove, patchbay, nameplate, field-notes, cyclorama, showroom, blueprint, prism, maquette, scoreboard, datasheet, manpage, pigeonhole, roster, ora, tenor, paperclip, ledger, router, daylight, notation, almanac, vitrine, proscenium, awning, bulletin, rimlight, onionskin, deskmate, test-drive, surveyor and chorus. Colour, slop and fork-reciprocity gates run as scripts, not opinions. Works with Cursor, Claude Code and any agent that reads a SKILL.md.",
   "bin": {
     "sheleg-design-skill": "bin/cli.js"
@@ -19,7 +19,7 @@
     "node": ">=16"
   },
   "scripts": {
-    "test": "python3 test/validate.py && python3 test/validate_palette.py && python3 test/sloplint.py && node --check bin/cli.js && node test/installer_test.js && npm run selftest",
+    "test": "python3 test/validate.py && python3 test/validate_palette.py && python3 test/sloplint.py && python3 tools/chrome.py && node --check bin/cli.js && node test/installer_test.js && npm run selftest",
     "validate": "python3 test/validate.py && python3 test/validate_palette.py && python3 test/sloplint.py",
     "smoke": "node bin/cli.js --help",
     "palette": "python3 test/validate_palette.py",
@@ -27,7 +27,9 @@
     "gen-descriptions": "python3 scripts/gen_manifest_descriptions.py --write",
     "gen-contents": "python3 scripts/gen_contents.py --write",
     "sloplint": "python3 test/sloplint.py",
-    "selftest": "python3 test/validate.py --self-test && python3 test/validate_palette.py --self-test && python3 test/sloplint.py --self-test"
+    "selftest": "python3 test/validate.py --self-test && python3 test/validate_palette.py --self-test && python3 test/sloplint.py --self-test",
+    "site": "python3 tools/site.py --out _site",
+    "chrome": "python3 tools/chrome.py"
   },
   "keywords": [
     "skill",

package/plugins/sheleg-design/.claude-plugin/plugin.json

@@ -2,7 +2,7 @@
   "name": "sheleg-design",
   "displayName": "SHELEG Design",
   "description": "SHELEG Design methodology: cinematic scroll-driven landing pages (single scroll clock, layered degrade-to-calm motion, WebGL particle formations), a motion doctrine that decides whether to animate before it decides how, and thirty-nine pluggable visual style packs, each with a ready-made token layer — instrument-console (near-black aerospace console; technical systems and infrastructure), editorial-luxury (cream and espresso; editorial, research, premium B2B), workbench (quiet light/dark UI; dashboards, admin, internal tools), briefing-room (dark 16:9 deck; investor and board presentations), atrium (cream daylight; consumer health and high-trust DTC), babylove (white with orange; SEO SaaS, long time-to-value, disconnected states), patchbay (black with mint-cyan; engines, buses, pipelines, OSS front doors), nameplate (cool slab with coral; press, certification and third-party trust), rimlight (white with blue light; studios, services and case studies), onionskin (white working sheet; developer and AI infrastructure), deskmate (warm beige with a dusk bleed; AI coworkers and chat-native agents), test-drive (warm paper with one coral; self-serve SaaS proven by the live product), surveyor (peach paper with teal and pink; visibility, monitoring and benchmark tools), chorus (warm paper under a crosshair grid, with a cut-corner bubble; AI-search visibility, brand monitoring and community marketing), outrank (white with violet; one brand across marketing and product), orchard (warm oat slabs; friendly biotech and wellness), field-notes (ruled green paper; auditable open-source developer tools), showroom (white gallery; product-led companies selling the app), blueprint (white technical stock; vector, storage and query infrastructure), prism (iridescent hard edge; command-first OSS infrastructure), maquette (near-black table; enterprise data infrastructure), cyclorama (looping pastel field; applied-AI consultancies), scoreboard (warm paper; growth, ads and accumulating metrics), datasheet (off-white specification; fraud, identity and device intelligence), manpage (cream manual; APIs, SDKs, CLIs and MCP servers), pigeonhole (filed white field; inbox, ticket and CRM triage), roster (faint square grid; platforms sold through who uses them), ora (warm coal; machine verdicts, audits and protocol traces), tenor (warm management paper; agent operations and autonomous back office), ledger (cream ruled console; analysts, BI and warehouse agents), paperclip (monochrome coal; orchestrators, schedulers and job runners), awning (white commerce forecourt; storefront, payroll and billing platforms), router (pale console with hairlines; dashboard, billing and inventory surfaces), daylight (bright portal with one shadow; client onboarding and service portals), notation (restrained technical hairlines; OSS, docs and developer workspaces), almanac (oatmeal editorial paper; manifestos and category-defining pages), vitrine (serif trust display; evaluated B2B, security and compliance), proscenium (white demo sequence; product tours and launch pages), bulletin (cheerful outlined bands; broad SMB and agency platforms). Ships the sheleg-design skill, the architecture reference, the motion doctrine, the Figma and Claude Design bridges, AI-surface patterns, the packs' token CSS, and the /sheleg-design command.",
-  "version": "1.57.0",
+  "version": "1.58.0",
   "author": {
     "name": "ssheleg",
     "url": "https://x.com/sshlg93"

package/plugins/sheleg-design/skills/sheleg-design/MOTION_DOCTRINE.md

@@ -353,10 +353,14 @@ parallax and `animation-timeline`; it keeps a sticky nav, which is the only diff
   **Four more standalone packs pin their own, and each states it in its own Register:**
   `ora` at **4**, `tenor` at **4**, `paperclip` at **5** — the last one higher because it
   is the only pack in the family that spends a native scroll-driven parallax —
-  and `bulletin` at **3**, the lowest ceiling in the library, because its whole
-  measured motion budget is an entrance fade, a 0.12s press and a 0.3s hover.
-  Its depth is drawn as a hard ink offset rather than animated, and animating
-  that offset is precisely what flattens it.
+  and `bulletin` at **3**, because its whole measured motion budget is an entrance
+  fade, a 0.12s press and a 0.3s hover. Its depth is drawn as a hard ink offset
+  rather than animated, and animating that offset is precisely what flattens it.
+  **The lowest ceiling in the library is 2**, and four of them pin it. This sentence
+  called `bulletin` the lowest for four releases while two others already sat under
+  it, which is why the number is now derived: `validate_motion_ceiling_floor()`
+  recomputes the minimum from the packs' own Register lines and fails when this
+  paragraph disagrees with them.
   `field-notes` is standalone **by default** and may opt into the cinematic layer — it carries a `## Motion flavor` section saying
   how — so it is the one standalone pack without a hard ceiling. Read that
   section before turning the dial up on it.

package/plugins/sheleg-design/skills/sheleg-design/SKILL.md

@@ -4,7 +4,7 @@ description: Use when deciding how something LOOKS or MOVES — cinematic landin
 license: MIT
 compatibility: Optional siblings — dataviz, shadcn, migrate-radix-to-base; each has an in-text fallback when absent.
 metadata:
-  version: 1.57.0
+  version: 1.58.0
 ---
 
 # SHELEG Design

package/plugins/sheleg-design/skills/sheleg-design/styles/chorus.md

@@ -26,7 +26,7 @@ it.
 
 Contract: widened — all thirteen headings.
 
-Themes: light only — the dark slab is a SURFACE variant (`.chorus-slab`), not a theme twin; the page never inverts.
+Themes: light only — the dark slab is a SURFACE variant (`[data-surface="slab"]`, with `.chorus-slab` as its class alias), not a theme twin; the page never inverts.
 Rank: unordered — 3 status role(s) and no severity ramp; a rank scale is yours.
 
 ## Contents
@@ -101,11 +101,13 @@ already talking. If the quoted words belong to your product, go there.
 Every value below is in
 [`tokens/chorus.css`](./tokens/chorus.css), which is the single home; this table
 documents roles. Provenance is marked per value in the token layer as MEASURED,
-SELECTED or DERIVED.
+DERIVED or PACK DECISION. There is no SELECTED family here — the reference offers
+no darker step of its own in any hue that fails, so every correction had to be
+derived rather than promoted, which is the opposite of `surveyor`.
 
 | Token | Value | Role and the number that licenses it |
 |---|---|---|
-| `--bg` | `#fbfaf9` | The field. 16.99M px² of the census, the largest painted area by a factor of three. |
+| `--bg` | `#fbfaf9` | The field. 16.99M px² of the census, 2.8× the next-largest painted area. |
 | `--surface` | `#ffffff` | Every card — 1.04:1 on `--bg`, which is the reference's entire card separation and the pack's first correction (see `--line`). |
 | `--paper` | `#faf8f0` | The cream well that holds a demo, and the 1050×682 hero deck. 1.06:1 on `--surface`. |
 | `--paper-deep` | `#f5f2e6` | The tinted 67px row. |
@@ -177,7 +179,7 @@ Three faces, and the display face has one job the others cannot take.
 | Body | `--font-sans` | 16px · 1.7 · 400, and the same size at 500 for emphasis |
 | Label | `--font-sans` | 14px · 1.4 · 400 or 500 |
 | Micro | `--font-sans` | 12px · 1.333 · 500 |
-| Eyebrow | `--font-mono` (DM Mono) | 13px · 1 · 500 · uppercase |
+| Eyebrow, mono | `--font-mono` (DM Mono) | 13px · 1 · 500 · uppercase — the section label over a heading, and nothing else |
 
 **The display face carries the stranger's words.** Outfit sets exactly two things
 in the census: the hero, and the question inside every cut-corner bubble. Inter
@@ -245,14 +247,14 @@ failure; the pack keeps the value steps and adds `--line` to the card.
 | Primary button | `--on-coral` at 6.20:1 on `--coral` | `--coral` | `--r-control` | 36px tall, 8px/16px padding, 14px/500 label |
 | Secondary button | `--on-slab` at 16.54:1 on `--slab` | `--ink-strong` | `--r-control` | same metrics |
 | Tertiary button | `--ink-strong` at 17.59:1 on `--surface` | `--surface` | `--r-control` | 1px `--line`; icon in `--coral` |
-| Eyebrow chip | `--ink-body` at 9.15:1 on `--surface` | `--surface` | `--r-chip` | 1px `--line`, 8px/10px padding, 14px/500 |
+| Eyebrow chip | `--ink-body` at 9.15:1 on `--surface` | `--surface` | `--r-chip` | 1px `--line`, 8px/10px padding, 14px/500 in `--font-sans` — it is not the mono eyebrow |
 | Nav item | `--ink-muted` at 5.36:1 on `--bg` | transparent | `--r-pill` | 6px/8px padding; hover fills `--line-quiet` |
 | Card | `--ink-body` at 9.15:1 on `--surface` | `--surface` | `--r-card` | **32px padding and 32px internal gap, unchanged at 390**; 1px `--line` |
 | Quote bubble | `--ink` at 18.88:1 on `--surface` | `--surface` | `--r-bubble` | 24px/600 in `--font-display`; `--shadow-bubble` |
 | Dark bubble | `--on-slab` at 16.54:1 on `--slab` | `--slab` | `--r-bubble` | the same object on the dark side of a pair |
 | Demo well | `--ink-body` at 8.61:1 on `--paper` | `--paper` | `--r-well` | sits inside a card, inset by the card's padding |
 | Product well | `--on-slab` at 17.76:1 on `--well` | `--well` | `--r-well` | the dark screen inside a light card |
-| Delta chip | its own solid, at the 4.5:1 body floor | `--good` or `--danger` wash | `--r-badge` | **arrow glyph and number, always both** |
+| Delta chip | its own solid, at the 4.5:1 body floor | `--good-weak` or `--danger-weak` | `--r-badge` | **arrow glyph and number, always both** |
 | Metric chip (on slab) | `--good-on-dark` at 13.31:1 on `--slab` | `--slab-raised` | `--r-chip` | 12px/500 |
 | Section slab | `--on-slab` at 16.54:1 on `--slab` | `--slab` | `--r-panel` | 30px inset from the viewport; re-declares `--focus-color` |
 
@@ -266,6 +268,14 @@ On the slab, `--focus-color` resolves to the paper token instead, because the in
 ring would otherwise vanish — #1b181c on #1b181c is 1.00:1.
 `--focus-color-on-dark` is 16.54:1 on `--slab`.
 
+**The nesting rule has one stated exception, and it is measured.** A nested box
+normally takes the outer radius minus its inset. A well does not: the reference
+draws a 24px well inside a 12px card at 32px of padding, so the inner corner is
+*rounder* than the outer one and the subtraction would yield a negative number.
+That is the reference's own geometry rather than a slip — the well reads as a
+separate object dropped into the card, which is the point of it — so `--r-well` is
+a free value by exception, and it is the only one in the pack.
+
 **Inputs.** The reference paints exactly one — a search field inside a demo well:
 `--surface` at `--r-control`, 1px `--line`, a 16px/400 value in `--ink-body`, the
 placeholder in `--ink-ghost`, a leading search glyph in `--ink-muted`, and a filled
@@ -299,17 +309,18 @@ frame:
 
 1. A full-bleed `--slab` announcement strip at radius 0, 43px tall, 16px/400 in
    `--on-slab`, one `--coral-hot` link at its end.
-2. A floating navigation pill — `--surface`, `--r-panel`, `--shadow-nav`, inset
-   from the frame rather than pinned to the viewport edge.
+2. The floating navigation bar — `--surface`, `--r-panel`, `--shadow-nav`, inset
+   from the frame rather than pinned to the viewport edge. It is not a pill:
+   `--r-pill` belongs to the nav *items* inside it, and to the capsule scatter.
 3. The display line, centred, in `--font-display` at 56px/600/−0.0625em, **with
    platform marks set inline as words**: rounded-square logo chips sitting on the
    baseline inside the sentence, at cap height. This is the hero's whole idea —
    the brands doing the mentioning are typeset into the claim.
 4. Behind it, pale routing lines in `--parchment` running from logo chips at the
    frame's left and right edges toward the centre — a wiring diagram in
-   `--parchment` at 1.15:1 on `--bg`, which is texture rather than a mark.
+   `--parchment` at 1.14:1 on `--bg`, which is texture rather than a mark.
 5. Two CTAs side by side — `--coral` first, `--ink-strong` second — then one
-   tertiary pill below, then a **stack of offset cream cards** peeking from behind
+   tertiary button below at `--r-control`, then a **stack of offset cream cards** peeking from behind
    one another under `--shadow-drift`.
 
 The lede is 18px/400 in `--ink-body`, two lines, centred, and never wider than the
@@ -317,8 +328,10 @@ The lede is 18px/400 in `--ink-body`, two lines, centred, and never wider than t
 
 ## Responsive
 
-One breakpoint does the work. Everything below 768 takes the narrow branch; 768
-and 1440 differ only in the frame, not in the type.
+One breakpoint does the work, and it sits **above** 768: 390 and 768 take the same
+narrow branch — same display size, same section head, same card padding — and 1440
+is the only width that differs from them. What separates 390 from 768 is the frame
+alone.
 
 | | 390 | 768 | 1440 |
 |---|---|---|---|
@@ -384,8 +397,10 @@ animations.
 motion over the doctrine's ceiling; `--dur-state` carries hover instead, on the
 measured curve.
 
-Nothing lifts, scales or parallaxes. There is no scroll clock: no
-`animation-timeline`, no scroll-linked transform, and one sticky element.
+Nothing lifts or scales **under interaction** — no hover lift, no press scale, no
+parallax. The one lift in the pack is the entrance above, which is a mount and
+fires once. There is no scroll clock: no `animation-timeline`, no scroll-linked
+transform, and one sticky element.
 
 ## Signature motifs
 
@@ -448,7 +463,8 @@ page has no stranger's words to put in it, the page does not want this pack.
 - **No italic anywhere** — the corpus has none, and `em, i` is pinned in the token
   layer.
 - **Nothing above weight 700**, and 700 only inside a running line.
-- **No lift, scale or parallax**, and no scroll clock.
+- **No lift, scale or parallax under interaction**, and no scroll clock. The
+  entrance's single lift is the stated exception, and it fires once on mount.
 - **No second accent hue.** The periwinkle is a gradient stop and a dark-surface
   series line; promoting it to a second button colour makes a different pack.
 - **No tightening of display tracking at narrow widths.** It relaxes; that is

package/plugins/sheleg-design/skills/sheleg-design/styles/surveyor.md

@@ -361,6 +361,13 @@ a page with two closers, or a closer that drops to body-size copy (white on
 - **Card hover: nothing. Portrait hover: nothing.** The survey does not fidget.
 - `@media (hover: hover)` gates the two hovers above.
 
+**The ring on the closer panel is a second token, and it has to be.** `--focus-color`
+is `--action`, which is correct everywhere the pack is paper — and invisible on the
+one surface the pack fills with `--accent`: 1.55:1, under the 3:1 mark floor. The
+closer is where the final CTA lives, so `[data-surface="accent"]` re-declares the
+ring as `--focus-color-on-accent`, which is the pack's own `--bg` at 3.54:1 on the
+accent. Nothing else about that surface changes.
+
 ## Bans
 
 - **No shadow on anything but the detached nav.** `#ffffff` cards on `#fff7f3`

package/plugins/sheleg-design/skills/sheleg-design/styles/tokens/chorus.css

@@ -39,10 +39,16 @@
 
    MEASURED — the literal was computed on the live page or read from an authored
    Framer token that the census confirmed paints.
-   SELECTED — a value the reference ships in another role, taken because a floor
-   forces the move; only the role changes.
    DERIVED — computed from a token here because the reference's own value fails a
    floor. Hue is held; lightness moves and chroma is clipped to gamut.
+   PACK DECISION — a value the reference does not carry at all, so there was
+   nothing to measure. Two of them, and both are named where they sit: the
+   mirrored cut corner, which the reference ships in one direction only, and the
+   state clock, because the reference's controls compute to 0s.
+
+   There is no SELECTED family here. The reference offers no darker step of its own
+   in any hue that fails, so every correction below had to be DERIVED — which is
+   the opposite of `surveyor`, whose whole remedy was its reference's own ladder.
 
    The corrections are in the pack's Gotchas, and there are six. */
 
@@ -150,6 +156,13 @@
   --danger: #d03950;
   --info: #1167f4;
   --on-status: #ffffff; /* 4.84:1 on --good, 4.79:1 on --danger, 4.92:1 on --info */
+  /* The delta chip's ground. The reference paints its rose at two alphas over the
+     field (10% and 15%); the green wash is the same construction at the same
+     alpha, which is a PACK DECISION stated rather than a measurement implied.
+     @role non-text: --good-weak, --danger-weak — a tint under a figure that
+     carries its own solid; nothing is written ON them. */
+  --good-weak: rgba(25, 132, 0, 0.1);
+  --danger-weak: rgba(208, 57, 80, 0.1);
 
   /* ---- Status on the slab: a separate ladder, and the mint lives only here */
   /* MEASURED on the dark wells. The mint is the identity of the reading — 36
@@ -215,7 +228,10 @@
   --focus-w: 2px;
   --focus-offset: 2px;
   --focus-color: var(--ink-strong);
-  --focus-color-on-dark: var(--paper); /* 16.54:1 on --slab */
+  /* It points at the ink token rather than at --paper: a ring on the dark IS ink,
+     and two names for one value is what this file's own coral comment argues
+     against. The ratio it has to clear is the one --on-slab already states. */
+  --focus-color-on-dark: var(--on-slab);
 
   /* ---- Radii: a measured ladder, and one corner that is not there -------- */
   /* MEASURED across the census: 8px on a badge, 10px on a chip and eyebrow, 12px
@@ -240,8 +256,13 @@
   --r-bubble: 24px 0 24px 24px;
   --r-bubble-mirror: 0 24px 24px 24px;
 
-  /* ---- Spacing: a 4-based ladder and a 100px section -------------------- */
-  /* MEASURED. The card's padding is 32px and its internal gap is 32px, and
+  /* ---- Spacing: the measured steps, named by their step number ---------- */
+  /* The suffix is the ladder's INDEX, not the value in quarters — `--space-10`
+     is the tenth step and it is 32px. That is worth stating because the values
+     are the reference's own measured gaps (4, 6, 8, 10, 12, 16, 24, 32, 40, 100)
+     and two of them are not multiples of four, so no arithmetic reading of the
+     name survives contact with the ladder. Read the comment, not the number.
+     MEASURED. The card's padding is 32px and its internal gap is 32px, and
      NEITHER CHANGES at 390 — the card keeps desktop padding on a 350px sheet,
      which is a deliberate property of the reference and is stated in Responsive.
      The section rhythm is 100px at desktop. */
@@ -310,6 +331,9 @@
   --track-display: -0.0625em; /* MEASURED — -3.5px at 56px */
   --track-display-sm: -0.025em; /* MEASURED — -1px at 40px; it RELAXES */
   --track-h2: -0.032em; /* MEASURED — -1.4px at 44px */
+  --track-h2-sm: -0.025em; /* MEASURED — -1px at 34px, the narrow section head.
+     It exists because the Responsive table asks for it: a size step with no
+     tracking token forces the literal this library bans everywhere else. */
   --track-quote: -0.02em; /* MEASURED — -0.48px at 24px */
 
   --weight-body: 400;
@@ -339,11 +363,21 @@
   line-height: var(--lh-body);
 }
 
-/* The slab is a surface, not a theme — the page never inverts. What it does owe
-   is the two tokens that would fail silently on it: the focus ring, which is ink
-   and therefore invisible — #1b181c on #1b181c is 1.00:1 — and the rule ink. */
+/* The slab is a surface, not a theme — the page never inverts. The hook is the
+   library's own `[data-surface]`, unprefixed: every other surface-variant pack in
+   this collection uses that attribute, and the index's selection protocol says to
+   compare candidates by changing the token layer alone. A namespaced hook would
+   have made chorus the one pack you cannot A/B without editing the markup, which
+   is a cost paid by every reader to buy nothing. `.chorus-slab` is kept beside it
+   as an alias, because a class is what a component library reaches for.
+
+   What the block owes is every token that would otherwise resolve to a light-field
+   value on a dark ground. There are SIX, and the count is stated because the first
+   version of this block listed two, changed five, and left the sixth — --on-status
+   — at its root white, which put white on the mint at 1.32:1 inside the one
+   surface the pack invented the mint for. */
 .chorus-slab,
-[data-chorus-surface="slab"] {
+[data-surface="slab"] {
   background-color: var(--slab);
   color: var(--on-slab);
   --focus-color: var(--focus-color-on-dark);
@@ -351,6 +385,24 @@
   --good: var(--good-on-dark);
   --danger: var(--danger-on-dark);
   --info: var(--info-on-dark);
+  /* The sixth. On the on-dark ladder the label is INK, not white: --slab on the
+     mint is 13.31:1, on the rose 6.01:1, on the periwinkle 7.40:1. White on those
+     three is 1.32:1, 2.93:1 and 2.38:1 — the first of them invisible. */
+  --on-status: var(--slab);
+}
+
+/* Custom properties inherit, and a slab is a section rather than a leaf: a white
+   card placed inside one would take the slab's white hairline and its mint, which
+   is the pack's own ban ("No mint on paper") arriving by inheritance. A light
+   surface nested in a slab therefore takes its tokens back. */
+.chorus-slab :is(.ch-card, .ch-well--paper, [data-surface="paper"]),
+[data-surface="slab"] :is(.ch-card, .ch-well--paper, [data-surface="paper"]) {
+  --focus-color: var(--ink-strong);
+  --line: rgba(70, 72, 77, 0.12);
+  --good: #198400;
+  --danger: #d03950;
+  --info: #1167f4;
+  --on-status: #ffffff;
 }
 
 /* The reference ships ZERO prefers-reduced-motion rules across 274KB. This block

package/plugins/sheleg-design/skills/sheleg-design/styles/tokens/surveyor.css

@@ -152,6 +152,13 @@
   --focus-w: 2px;
   --focus-offset: 2px;
   --focus-color: var(--action);
+  /* The ring VANISHES on the one surface the pack fills with --accent: #0a7269 on
+     #0d9488 is 1.55:1, under the 3:1 mark floor, and the closer panel is where the
+     pack puts its final CTA. So the accent slab re-declares the ring in the pack's
+     own paper — #fff7f3 on #0d9488 is 3.54:1, over the floor. Found by a blind
+     read of the shipped pack, not by a gate: a token that resolves is a token the
+     gates accept, whatever it resolves to underneath. */
+  --focus-color-on-accent: var(--bg);
 
   /* ---- Radii: a 10px hand, a 24px card, a 32px panel ------------------- */
   /* MEASURED. The control is the se-uikit's own 10px on every button and
@@ -283,3 +290,10 @@ strong,
 b {
   font-weight: var(--weight-heading);
 }
+
+/* The closer panel is the pack's only saturated surface, and the only place the ink
+   ring cannot be seen. It is a SURFACE variant, not a theme: nothing else changes. */
+[data-surface="accent"] {
+  background-color: var(--accent);
+  --focus-color: var(--focus-color-on-accent);
+}