sheleg-design-skill 1.48.0 → 1.48.1

package/CHANGELOG.md

@@ -6,6 +6,84 @@ follow [SemVer](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+## [1.48.1] - 2026-08-24
+
+### The assembly rule is written down, and the render step earned its place within the hour
+
+The procedure for adding a pack lived in three homes — `CONTRIBUTING.md`'s authoring
+steps, `docs/DOCMAP.md`'s propagation row, and the release section — and three things
+the `nameplate` run actually did were in none of them. They are now in the home that
+already owns each, rather than in a fourth document, which `DOCMAP`'s single-homes
+discipline forbids.
+
+**`STYLE_PACK_TEMPLATE.md` gains rules 7 and 8**, and both ship inside the bundle so an
+author holding only the installed skill sees them. Rule 7 is *read the render, not the
+stylesheet*: a dead token reads as the brand, a gradient hides from a
+`background-color` census because its element's is transparent, and vendor CSS
+outnumbers authored CSS — three traps met in one run, each with the shipped pack that
+met it. Rule 8 is *write a ratio so the gate can compute it*, with all four shapes that
+fail: a line break between the number and its partner, a token whose name contains
+another's (`--on-action` resolves as `--action`, a gradient that pairs with nothing), a
+table row stating a bare ratio, and a line whose **only** token is the partner, so it
+fills both slots and pairs with itself.
+
+**`CONTRIBUTING.md` gains step 8: render the kit and check its computed values against
+what the pack claims.** Not a screenshot for the eye — mount it on real content at
+1440, 768 and an emulated 390, then read `getComputedStyle` back. The step existed
+only as a sentence in `bulletin`'s CHANGELOG entry, so whether it happened depended on
+the next author reading that paragraph. **It caught a defect within the hour of being
+written:** the `Mark` tile added in this same release rendered 60×60 against a declared
+50, because `.np-mark` was not in the kit's `border-box` list — the same defect as the
+plate one release earlier, in the component added to close a different gap.
+
+### The mark set, and what measuring it changed
+
+`nameplate`'s reference repeats one object per feature on the report surface it embeds:
+a 50×50 tile at 16px radius wearing a **5px solid ring**, a wash at 9–12% alpha and a
+glyph in the matching solid. Six hue pairs drive it and the pack carried none of them,
+so an agent building the reference's own feature row would have invented six colours.
+
+**Measuring them changed the answer from "carry six hues" to "carry a mechanism and a
+ban".** The set does not separate from itself: seven of its fifteen pairs are tight,
+and the reference's own indigo `#5b4bd4` and violet `#6c5ce7` are 5.58 OKLab units
+apart at full colour — one colour wearing two names. So the hue is variety, never
+meaning; it does not encode which feature this is; and the tokens are **numbered**
+rather than named so nothing can misread them as semantic. That is the measured
+difference from `pigeonhole`, whose hues *are* a taxonomy and whose label word is
+therefore mandatory, and the fork is now written from both ends.
+
+The sixth hue was dropped for a second measured reason: the reference's red `#d94558`
+sits **2.92** units from `--action-to` and 1.12 under the worst dichromacy — the same
+colour to every reader, not only to a colourblind one. A mark in the action's colour
+reads as a control, so the coral stays with `--action` and the sixth slot takes
+`--mark-neutral`. All six clear the 3:1 non-text floor on their own composited tile,
+and none may carry a word: `--mark-4` is 3.89:1 on the slab, `--mark-2` is 4.27:1, and
+the dropped red was 3.96:1.
+
+Ships `Mark` as the kit's twelfth component, with `tone` as a number precisely because
+it means nothing.
+
+### A claim that was wider than its evidence
+
+The pack said *the reference has no dark band anywhere*, and what had been checked was
+the home page at 1440. The authored stylesheets declare **eight** dark fills, and both
+kinds were then checked: `.bg-header-blue` (`#231b66`) is dead CSS no served page uses,
+and the one that renders (`#1f2937`) sits inside a **mock of another product's
+interface** in the hero image. The claim holds in substance and now states the width it
+was measured at, in the Bans and in the token layer's own comment. A claim wider than
+its evidence is this repository's own defect class, and it does not get an exemption
+for being ours.
+
+### Still open, and named rather than quietly dropped
+
+`T31` is unrun — it needs fresh contexts reading blind. And 29% of the reference's
+authored CSS is still unmeasured into the pack: the checkout (`order-form-cro.css`,
+66,546 B) and the report surface (71,302 B) of 500,051 B total. The pack describes a
+front door and says nothing about the payment step. That is an extension to a second
+surface, not a loose end.
+
+Gates: 4617 → **4626**, 2659 → **2681**, 692 unchanged. Both palette ceilings held.
+
 ## [1.48.0] - 2026-08-24
 
 ### Nameplate, the thirty-third pack — the proof is a borrowed name

package/kits/nameplate/src/Mark.md

@@ -0,0 +1,24 @@
+---
+category: Signature
+---
+
+The report surface's one repeated object: a `--mark-tile` (50px) square at
+`--mark-tile-r`, wearing a **5px solid ring** in `--mark-tile-ring` — not a hairline —
+with a 1px `--mark-tile-edge` outside it, a wash background at 9–12% alpha and a glyph
+in the matching solid.
+
+**`tone` is variety, not meaning, and that is why it is a number.** The five hues do
+not separate from each other — seven of their fifteen pairs are tight, and the
+reference's own indigo and violet are 5.58 OKLab units apart at full colour — so no
+reader can reliably tell two marks apart and nothing may require it. The icon and the
+label carry which feature this is. `tone="neutral"` exists because the reference's
+sixth hue was its red, 2.92 units from `--action-to`: a mark in the action's colour
+reads as a control, so the coral stays with the action.
+
+The glyph clears the 3:1 non-text floor on its own tile and nothing more. It is never
+a word, and the tile is never a button.
+
+```tsx
+<Mark tone={1} label="Distribution">{/* icon */}</Mark>
+<Mark tone="neutral" label="Reporting">{/* icon */}</Mark>
+```

package/kits/nameplate/src/Mark.tsx

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+
+export interface MarkProps {
+  /** The glyph. An icon, never a word — the hue clears only the non-text floor. */
+  children: ReactNode;
+  /** Decorative variety across a grid, 1–5, or the neutral. It carries no meaning:
+   *  the set does not separate from itself, so nothing may depend on telling two
+   *  marks apart. The icon and the label say which feature this is. */
+  tone?: 1 | 2 | 3 | 4 | 5 | 'neutral';
+  /** Accessible name for the tile, since the glyph inside is decorative. */
+  label?: string;
+  className?: string;
+}
+
+export function Mark({ children, tone = 1, label, className }: MarkProps) {
+  return (
+    <span
+      className={['np-mark', `np-mark--${tone}`, className].filter(Boolean).join(' ')}
+      role={label ? 'img' : undefined}
+      aria-label={label}
+      aria-hidden={label ? undefined : true}
+    >
+      {children}
+    </span>
+  );
+}

package/kits/nameplate/src/index.ts

@@ -23,3 +23,5 @@ export { Frame } from './Frame.js';
 export type { FrameProps } from './Frame.js';
 export { Eyebrow } from './Eyebrow.js';
 export type { EyebrowProps } from './Eyebrow.js';
+export { Mark } from './Mark.js';
+export type { MarkProps } from './Mark.js';

package/kits/nameplate/src/styles.css

@@ -257,6 +257,50 @@
   --lift-sm: 1px;
   --reveal-y: 10px;
 
+  /* ---- Marks: decorative variety across a grid, NOT a taxonomy -------- */
+  /* MEASURED off the report showcase the home page embeds: a 50x50 icon tile at
+     16px radius, a 5px solid ring in --mark-tile-ring, a 1px outer ring at 8%
+     ink, its background one tint at 9-12% alpha and its glyph the matching
+     solid. The reference ships six of these pairs and this pack ships five plus
+     a neutral, for two measured reasons.
+
+     FIRST, the sixth is the action. The reference's red mark #d94558 sits 2.92
+     OKLab units from --action-to and 1.12 under the worst dichromacy: the same
+     colour to everyone, not only to a colourblind reader. A mark in the action's
+     colour reads as a control, so the coral belongs to --action alone and the
+     sixth slot takes --mark-neutral.
+
+     SECOND, and this is why the tokens are numbered rather than named: the set
+     does NOT separate from itself. Seven of the fifteen pairs are tight, and the
+     reference's own indigo #5b4bd4 and violet #6c5ce7 are 5.58 apart at full
+     colour, which is one colour wearing two names. So the hue here is variety,
+     never meaning -- it does not encode WHICH feature this is, and nothing may
+     depend on telling two marks apart. The icon and the label carry that, and a
+     numbered token cannot be mistaken for a semantic one. */
+  --mark-tile-r: 16px; /* MEASURED */
+  --mark-tile: 50px; /* MEASURED */
+  --mark-tile-ring: #f7f8fc; /* MEASURED — a 5px solid ring, not a hairline */
+  --mark-tile-ring-w: 5px; /* MEASURED */
+  --mark-tile-edge: rgba(34, 36, 76, 0.08); /* MEASURED — 0 0 0 1px, outside the ring */
+
+  /* Each solid clears the 3:1 non-text floor on its own composited tile, which is
+     the only floor it owes: it is a glyph. None of them may carry a word — see
+     the pack's Bans, where three of the five miss AA on --field as text. */
+  --mark-1: #187c59; /* 4.53:1 on #ecf1f2, its own tile */
+  --mark-1-wash: rgba(31, 157, 107, 0.1); /* MEASURED */
+  --mark-2: #247cb0; /* 4.01:1 on #ecf0f7, its own tile */
+  --mark-2-wash: rgba(49, 144, 199, 0.1); /* MEASURED */
+  --mark-3: #5b4bd4; /* 5.36:1 on #eeeefa, its own tile */
+  --mark-3-wash: rgba(108, 92, 231, 0.1); /* MEASURED */
+  --mark-4: #b36b18; /* 3.69:1 on #f5f0ef, its own tile */
+  --mark-4-wash: rgba(227, 165, 60, 0.12); /* MEASURED — the one tint at 12% */
+  --mark-5: #6c5ce7; /* 4.26:1 on #efeffa, its own tile */
+  --mark-5-wash: rgba(108, 92, 231, 0.09); /* MEASURED — 9%, the lightest */
+  /* DERIVED, and it replaces the reference's red for the reason above. It is
+     --ink-mid, so a grid whose sixth block has no hue left still has a mark. */
+  --mark-neutral: #374151; /* 8.84:1 on #ecedf2, its own tile */
+  --mark-neutral-wash: rgba(55, 65, 81, 0.1);
+
   /* ---- Status: the action is red, so danger goes dark ----------------- */
   /* SELECTED, all four — a marketing site paints no error state — and each is a
      step of a hue the reference itself carries: its #187c59 green, its #b36b18
@@ -281,10 +325,13 @@
   font-weight: var(--weight-body);
 }
 
-/* No dark theme block, and that is a measurement rather than an omission: the
-   page has no dark band anywhere. Its declared layer carries a #181b31 navy and
-   a set of on-dark link colours, and nothing paints them — the footer computes
-   white. A pack that shipped a dark variant here would be inventing one. */
+/* No dark theme block, and that is a measurement rather than an omission. No dark
+   band PAINTS on any served page: every full-bleed block was walked at 1440 and the
+   footer computes white. The authored stylesheets do declare eight dark fills, and
+   both kinds were checked -- .bg-header-blue (#231b66) is dead CSS no served page
+   uses, and the one that renders (#1f2937) sits inside a mock of another product's
+   interface in the hero image. The #181b31 navy and the on-dark link colours beside
+   it paint nothing. A pack that shipped a dark variant here would be inventing one. */
 
 /* The reference ships a real reduced-motion contract — 23 blocks across 7 of
    its 11 authored stylesheets — and, unusually, gets the important part right:
@@ -325,6 +372,7 @@
 .np-chip,
 .np-frame,
 .np-band,
+.np-mark,
 .np-shell {
   box-sizing: border-box;
 }
@@ -760,3 +808,25 @@ a.np-plate:active {
   font-size: var(--t-sm);
   letter-spacing: var(--track-caps-control);
 }
+
+/* ---- The mark tile: variety across a grid, never a control ------------- */
+
+.np-mark {
+  display: grid;
+  place-items: center;
+  inline-size: var(--mark-tile);
+  block-size: var(--mark-tile);
+  border: var(--mark-tile-ring-w) solid var(--mark-tile-ring);
+  border-radius: var(--mark-tile-r);
+  box-shadow: 0 0 0 var(--line-w) var(--mark-tile-edge);
+  transition:
+    color var(--dur-base) var(--ease-out),
+    background-color var(--dur-base) var(--ease-out);
+}
+
+.np-mark--1 { background: var(--mark-1-wash); color: var(--mark-1); }
+.np-mark--2 { background: var(--mark-2-wash); color: var(--mark-2); }
+.np-mark--3 { background: var(--mark-3-wash); color: var(--mark-3); }
+.np-mark--4 { background: var(--mark-4-wash); color: var(--mark-4); }
+.np-mark--5 { background: var(--mark-5-wash); color: var(--mark-5); }
+.np-mark--neutral { background: var(--mark-neutral-wash); color: var(--mark-neutral); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sheleg-design-skill",
-  "version": "1.48.0",
+  "version": "1.48.1",
   "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-three 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 and bulletin. 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"

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-three pluggable visual style packs — instrument-console (dark console), editorial-luxury (warm editorial), workbench (light/dark product UI for dashboards and tools), briefing-room (dark 16:9 deck), atrium (warm consumer health), orchard, outrank, babylove (friendly consumer biotech), patchbay (a dark live schematic: one mint-cyan, 8% hairlines and no shadow, and an architecture diagram whose cords carry SMIL particles), field-notes (warm paper for dev tools sold on auditability), cyclorama (a pastel field on a 32s cycle), showroom (the product as the exhibit), blueprint (a drawing sheet, zero radius), prism (one iridescent wash over mono body), maquette (cream axonometric models on a dark table), scoreboard (warm paper, pixel numerals, a dark ledger of results), datasheet (an off-white spec sheet whose live instrument goes dark when it detects the reader is hiding), manpage (a developer landing page set in the reader's own system monospace on cream paper, with coral label chips that are real headings and a dark code frame as the argument), pigeonhole (a white sorting wall whose nine pastel categories are a filing scheme rather than a mood, each a two-layer chip whose label word is mandatory), roster (a white field in a faint grid of squares whose argument is other people's marks — client logotypes in pill-labelled industry columns, an engine's wordmark inside the headline — where the proof is a name rather than a number), ora (a warm coal field with cream ink and no third hue — the accent is the inverted field — a serif carrying every human sentence over a monospace carrying every machine fact, a terminal surface cut below the page, and a six-step verdict ramp, for products whose output is a machine's verdict about the reader), tenor (warm paper with zero radius and zero shadow, one hairline weight, an orange that exists only on hover and on focus, a sans tracked negative against a mono tracked positive, display at a line-height below one in an eight-to-twelve-character measure, and product proof delivered as silent looping video, for products arguing that a new kind of thing must be managed like an existing organisation), paperclip (neutral coal with no functional colour at all — every control monochrome and elevation made of hairlines, with the whole chromatic budget spent on a curtain of gradient capsules and twelve gradient section badges that cannot be clicked — for products that ask a person to run something that runs itself: agent teams, autonomous back-office, schedulers and budget-governed compute), ledger (warm cream paper ruled by a hairline at 12% ink and no shadow on any card, radius 15 nested concentrically, an ink primary button and a terracotta accent that never fills a control — it labels, as a 10px monospace uppercase kicker — with a seal on every card stating how its number is known, for the console of a product that answers questions about data: AI analysts, BI surfaces, query workspaces), router (a near-white field with a trace of blue and white cards standing on it, hairline seams instead of shadows anywhere, body at 14px and weight 450, and a status triplet in which the colour you paint with is not the colour you write with, for product consoles and the landing pages that have to look like them), daylight (a cool near-white portal field with generous radii and one very large soft shadow spent on a single object per screen, for client portals), notation (a near-white page drawn entirely in hairlines with a light serif over a monospace, no bold anywhere and an ink primary, for developer products sold on restraint), almanac (oatmeal paper with 2px seams and no 1px anywhere, a display set below a line-height of one, and mono tags notched through drawn boxes, for pages that assert a category), vitrine (a white hairline field with a serif display, an ink primary and one framed record carrying the evidence, for the front door of a product sold on trust). Ships the sheleg-design skill, the architecture reference, the motion doctrine, the Figma and Claude Design bridges, AI-surface patterns, style packs with ready-made token CSS, and the /sheleg-design command, and awning (a white forecourt where the accent is black and no hue reaches the chrome at all, a pill whose radius is a declared component token, one variable grotesque at 420/550 with no 700, and a single three-layer shadow, for commerce and platform front doors), and proscenium (a white field carrying two cool acts and one deep indigo act at the middle, an electric violet filling a control that stays nearly square at 4px against cards at 16, one family at nine weights, and a framed product panel the fold cuts off, for product-led marketing front doors whose argument is a demonstration), and bulletin (warm cream paper cut by flat pastel bands, every card and control a 1px ink outline standing on a hard zero-blur ink offset it travels into when pressed, a display face at 800 inside controls and 700 in the headline, and no tracking at any size, for front doors whose argument is breadth), and nameplate (a cool near-white slab under a page that is square on 87% of its elements, where the one round shape is reserved for a white 1px-bordered pill carrying somebody else's publication name as type, one family with the body at weight 500, and two uppercase registers tracked 0.06em and 0.175em, for pages whose argument is that named third parties will vouch for you: press placement, trust marks, certification and review aggregation).",
-  "version": "1.48.0",
+  "version": "1.48.1",
   "author": {
     "name": "ssheleg",
     "url": "https://x.com/sshlg93"

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

@@ -3,7 +3,7 @@ name: sheleg-design
 description: Use when deciding how something LOOKS or MOVES. Cinematic scroll-driven landing pages and heroes — particle/WebGL backgrounds, scroll-linked animation, parallax, scrubbed sections — or when one feels busy or its motion drifts. Product UI through its style packs — dashboards, admin panels, internal tools, mobile screens, chat and agent interfaces. Design tokens, light/dark themes, palettes and colours, typography and fonts. Triggers - "design a landing" / "дизайн лендинга", "build a landing page" / "сделай лендинг", "scroll animation" / "скролл-анимация", "dashboard style" / "стиль дашборда", "design tokens" / "дизайн-токены", "light/dark theme" / "светлая/тёмная тема", "figma variables" / "переменные фигмы, фигма в код", "mobile screen" / "мобильный экран", "palette" / "палитра", "colors" / "цвета", "typography" / "типографика", "font" / "шрифт", "how it looks" / "выглядит", "make it prettier" / "красиво, красивее", "visual reference" / "визуальные референсы", "investor deck" / "презентация".
 license: MIT
 metadata:
-  version: 1.48.0
+  version: 1.48.1
 ---
 
 # SHELEG Design

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

@@ -112,6 +112,55 @@ and no clone.
    headings, and the gate refused it in the same run, because the contract is
    thirteen headings.
 
+7. **Read the render, not the stylesheet — and separate the authored layer from
+   the vendor one.** A declared token is a claim; a computed value is what a
+   reader sees, and the two disagree often enough that measuring the wrong one is
+   the commonest way a pack ships a colour nobody paints. Three traps, each met
+   in a shipped run:
+
+   - **A dead token reads as the brand.** `nameplate`'s reference declares
+     `--primary` three times as a green nothing paints, while its real action is a
+     coral. Only the render says which.
+   - **A gradient hides from a colour census.** An element filled by
+     `background-image` has a *transparent* `background-color`, so a sweep of
+     `background-color` alone skips every gradient on the page — and on that
+     reference it returned a third-party cookie banner as the primary action.
+     Read `background-image` too.
+   - **Vendor CSS outnumbers authored CSS.** That same site loads Bootstrap, two
+     purchased themes and three Font Awesome versions against eleven files it
+     wrote itself; a frequency count over all of it yields Bootstrap's palette as
+     the brand's. Decide which files the site authors, count only those, and say
+     in `Origin:` which you counted.
+
+   State the method in `Origin:` alongside the address — viewports, element
+   counts, which stylesheets — so the next author can repeat the measurement
+   rather than trust it.
+
+8. **Write a ratio so the gate can compute it: subject and partner on the same
+   line.** `validate_stated_ratios` resolves the partner from an `on`/`over`/
+   `against` phrase and the subject from a token or a hex **on that line**. Split
+   either across a line break and the claim becomes unverifiable prose that still
+   reads as measured. Three shapes fail, all three met in one run:
+
+   - a line break between the number and its partner — *"1.34:1 composited over
+     white and 1.33:1 over"* / *"`--field`"* is two half-claims;
+   - a token whose own name contains another token's — `--on-action` resolves as
+     `--action`, which is a gradient and pairs with nothing, so state that one
+     against literals: `#ffffff on #d93b3b is 4.53:1`;
+   - a table row stating a bare ratio — name the partner in the cell, or declare
+     the base in the table's header, which covers every row at once.
+
+   - a line whose **only** token is the partner: the resolver prefers a token to a
+     hex for the subject, so `` `#d94558` was 3.96:1 on `--field` `` leaves
+     `--field` filling both slots and pairs with itself. Name the field by literal
+     too — `` on the slab `#f5f7fa` `` — and the pair computes.
+
+   Evidence for a **refusal** — the reference's own failing value — is worth
+   keeping, and it is cheaper to state it in the computable form than to file it
+   as unpairable: put the rejected hex on the line with its ratio and its field,
+   and where that field is one of your own tokens, write the field's literal
+   beside the ratio rather than the token.
+
 ## Register
 
 Choose this pack for <product kinds / registers>. State whether it rides

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

@@ -314,6 +314,28 @@ reference's own declared ladder confirmed against computed
   hairline.
 - **Two uppercase registers**, 0.06em on controls and 0.175em on micro-links.
 
+### The mark tile, and why its colours are numbered
+
+The report surface the home page embeds repeats one object per feature: a 50×50 tile
+at `--mark-tile-r` (16px) wearing a **5px solid ring** in `--mark-tile-ring` — not a
+hairline — with a 1px `--mark-tile-edge` outside it, a tint background at 9–12% alpha
+and a glyph in the matching solid. Five of them ship here plus `--mark-neutral`, and
+both departures from the reference are measurements rather than taste.
+
+**The sixth was the action.** The reference's red mark `#d94558` sits 2.92 OKLab
+units from `--action-to` and 1.12 under the worst dichromacy — one colour, not two, to
+every reader. A mark in the action's colour reads as a control, so the coral is
+`--action`'s alone and the sixth slot takes the neutral.
+
+**The hue is variety, not meaning, and that is why the tokens are numbered.** The set
+does not separate from itself: seven of its fifteen pairs are tight, and the
+reference's own indigo `#5b4bd4` and violet `#6c5ce7` are 5.58 apart at full colour —
+one colour wearing two names. So a mark's hue never encodes *which* feature this is;
+the icon and the label do. Nothing in a grid may require the reader to tell two marks
+apart, and a numbered token cannot be misread as a semantic one — which is the whole
+difference from [`pigeonhole`](./pigeonhole.md), whose hues **are** a taxonomy and
+whose label word is therefore mandatory.
+
 ## Signature element
 
 **The plate band.** A wrapping row of white bordered pills, each carrying one
@@ -359,8 +381,20 @@ page — a second plate band is how the argument turns into wallpaper.
   loses the argument the moment it becomes art.
 - **No rounding for friendliness.** Every radius you add spends the plate's meaning.
 - **No `--shadow-frame` on a card or a control.** One object per screen.
-- **No dark variant.** The reference has no dark band anywhere; shipping one here is
-  inventing, not extending.
+- **A mark colour never fills a control and never carries a word.** It is a glyph on
+  its own tile and clears only the 3:1 non-text floor there. As text on the slab three
+  of them miss AA and each misses it on its own line:
+  `--mark-4` is 3.89:1 on `--field`;
+  `--mark-2` is 4.27:1 on `--field`;
+  and the red this pack dropped, `#d94558`, was 3.96:1 on the slab `#f5f7fa`.
+  A word in a mark colour is a word below the floor, and a mark on a button is a
+  button that looks like five other things.
+- **No dark variant.** No dark band *paints* on any served page — checked by walking
+  every full-bleed block at 1440, where the footer computes white. The authored
+  stylesheets do declare eight dark fills: `.bg-header-blue` (`#231b66`) is dead CSS
+  used by no served page, and the one that renders (`#1f2937`) is inside a **mock of
+  another product's interface** in the hero image. So there is nothing here to extend,
+  and a dark theme would be invented.
 - **No horizontally scrolling plate band.** The count is the argument.
 - **No `ease-in`.**
 

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

@@ -49,6 +49,7 @@ marketing page a user lands on before the product they log into, which is
 way — one thing written here reaching twelve places out there — which is
 [`bulletin`](./bulletin.md): the pastel there is a full-bleed band dividing an
 act, where the pastel here is a chip naming a category.
+A page whose coloured marks are **variety rather than a scheme** is [`nameplate`](./nameplate.md), and the difference is measurable rather than stylistic: this pack's hues separate from each other because each one names a category, so its label word is mandatory; that pack's five marks do not — seven of their fifteen pairs are tight — so its hue is forbidden from meaning anything and its tokens are numbered instead of named. If deleting the colour would destroy the filing scheme, stay here; if it would only make a grid quieter, go there.
 
 ### The fork against [`cyclorama`](./cyclorama.md), which is the one people get wrong
 

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

@@ -257,6 +257,50 @@
   --lift-sm: 1px;
   --reveal-y: 10px;
 
+  /* ---- Marks: decorative variety across a grid, NOT a taxonomy -------- */
+  /* MEASURED off the report showcase the home page embeds: a 50x50 icon tile at
+     16px radius, a 5px solid ring in --mark-tile-ring, a 1px outer ring at 8%
+     ink, its background one tint at 9-12% alpha and its glyph the matching
+     solid. The reference ships six of these pairs and this pack ships five plus
+     a neutral, for two measured reasons.
+
+     FIRST, the sixth is the action. The reference's red mark #d94558 sits 2.92
+     OKLab units from --action-to and 1.12 under the worst dichromacy: the same
+     colour to everyone, not only to a colourblind reader. A mark in the action's
+     colour reads as a control, so the coral belongs to --action alone and the
+     sixth slot takes --mark-neutral.
+
+     SECOND, and this is why the tokens are numbered rather than named: the set
+     does NOT separate from itself. Seven of the fifteen pairs are tight, and the
+     reference's own indigo #5b4bd4 and violet #6c5ce7 are 5.58 apart at full
+     colour, which is one colour wearing two names. So the hue here is variety,
+     never meaning -- it does not encode WHICH feature this is, and nothing may
+     depend on telling two marks apart. The icon and the label carry that, and a
+     numbered token cannot be mistaken for a semantic one. */
+  --mark-tile-r: 16px; /* MEASURED */
+  --mark-tile: 50px; /* MEASURED */
+  --mark-tile-ring: #f7f8fc; /* MEASURED — a 5px solid ring, not a hairline */
+  --mark-tile-ring-w: 5px; /* MEASURED */
+  --mark-tile-edge: rgba(34, 36, 76, 0.08); /* MEASURED — 0 0 0 1px, outside the ring */
+
+  /* Each solid clears the 3:1 non-text floor on its own composited tile, which is
+     the only floor it owes: it is a glyph. None of them may carry a word — see
+     the pack's Bans, where three of the five miss AA on --field as text. */
+  --mark-1: #187c59; /* 4.53:1 on #ecf1f2, its own tile */
+  --mark-1-wash: rgba(31, 157, 107, 0.1); /* MEASURED */
+  --mark-2: #247cb0; /* 4.01:1 on #ecf0f7, its own tile */
+  --mark-2-wash: rgba(49, 144, 199, 0.1); /* MEASURED */
+  --mark-3: #5b4bd4; /* 5.36:1 on #eeeefa, its own tile */
+  --mark-3-wash: rgba(108, 92, 231, 0.1); /* MEASURED */
+  --mark-4: #b36b18; /* 3.69:1 on #f5f0ef, its own tile */
+  --mark-4-wash: rgba(227, 165, 60, 0.12); /* MEASURED — the one tint at 12% */
+  --mark-5: #6c5ce7; /* 4.26:1 on #efeffa, its own tile */
+  --mark-5-wash: rgba(108, 92, 231, 0.09); /* MEASURED — 9%, the lightest */
+  /* DERIVED, and it replaces the reference's red for the reason above. It is
+     --ink-mid, so a grid whose sixth block has no hue left still has a mark. */
+  --mark-neutral: #374151; /* 8.84:1 on #ecedf2, its own tile */
+  --mark-neutral-wash: rgba(55, 65, 81, 0.1);
+
   /* ---- Status: the action is red, so danger goes dark ----------------- */
   /* SELECTED, all four — a marketing site paints no error state — and each is a
      step of a hue the reference itself carries: its #187c59 green, its #b36b18
@@ -281,10 +325,13 @@
   font-weight: var(--weight-body);
 }
 
-/* No dark theme block, and that is a measurement rather than an omission: the
-   page has no dark band anywhere. Its declared layer carries a #181b31 navy and
-   a set of on-dark link colours, and nothing paints them — the footer computes
-   white. A pack that shipped a dark variant here would be inventing one. */
+/* No dark theme block, and that is a measurement rather than an omission. No dark
+   band PAINTS on any served page: every full-bleed block was walked at 1440 and the
+   footer computes white. The authored stylesheets do declare eight dark fills, and
+   both kinds were checked -- .bg-header-blue (#231b66) is dead CSS no served page
+   uses, and the one that renders (#1f2937) sits inside a mock of another product's
+   interface in the hero image. The #181b31 navy and the on-dark link colours beside
+   it paint nothing. A pack that shipped a dark variant here would be inventing one. */
 
 /* The reference ships a real reduced-motion contract — 23 blocks across 7 of
    its 11 authored stylesheets — and, unusually, gets the important part right: