@nurix/etna 0.19.11 → 0.19.12

package/data/harnesses/code/skills/design/data/design-md/library/posthog.md

@@ -1,152 +0,0 @@
----
-schema: design-md/v1
-product: PostHog
-provenance: library
-sourced: 2026-07-04
----
-
-# PostHog — operator reading
-
-The operator distillation of PostHog's engineering-sketchbook brand. The source is a marketing
-system: a warm cream canvas dotted with hand-drawn hedgehog mascots, hero-scale display type, and a
-single loud yellow-orange CTA pill. This entry keeps the temperature and voice that make it PostHog
-— the cream canvas, the olive ink, the one yellow accent, IBM Plex Sans, the flat hairline depth,
-the dark code island — and leaves the decoration behind: no mascots, no 36px/800 hero type, no
-pastel callout bands, no pill CTAs on operator chrome. What remains is a warm, calm, flat dev-tools
-console.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in. The signature is the **warm cream canvas** (`background` `#eeefe9`) —
-never plain white — with true-white cards (`card`) floating on it. Flat: hierarchy is carried by
-hairline olive `border`, type weight, and color, never by shadow. A single loud accent — PostHog yellow
-(`primary` `#f7a501`) — carries the one action that matters on a surface, and it wears **dark olive ink**
-(`primary-foreground`), never white. The neutral ramp is a warm olive-gray, so the whole UI reads like a
-friendly engineering blog rather than cold gray tooling. Density is `standard` and steps denser per
-archetype — dense-capable, warm, not cramped.
-
-## 2 Color Roles
-
-Light values first. One loud accent — `primary` yellow is the only saturated hue that carries a call
-to action; blue is a quiet functional signal; status hues speak only status.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` | warm cream `#eeefe9` | the page canvas — end to end, never substituted with white |
-| `card` / `popover` | white `#ffffff` | cards, panels, and overlays floating on the cream |
-| `foreground` | deep olive-charcoal `#23251d` | headlines and primary ink |
-| `muted` / `secondary` | soft greige `#e5e7e0` | hover rows, subtle fills, secondary buttons |
-| `muted-foreground` | olive `#6c6e63` | labels, captions, metadata, secondary text |
-| `border` / `input` | olive hairline `#bfc1b7` | every separator, grid line, and field edge |
-| `primary` | PostHog yellow `#f7a501` | the one primary action; wears dark ink, never white |
-| `accent` | pale yellow wash `#f7eccf` | selected / hovered rows and nav, on-accent surfaces only |
-| `ring` | focus blue `#2c84e0` | the focus outline — the brand focuses in blue, not yellow |
-| `destructive` | red `#cd4239` | destructive actions and error state only |
-| `success` | green `#2c8c66` | positive status only |
-| `warning` | gold-amber `#b17816` | caution status only — deliberately deeper than the CTA yellow |
-
-Link/info blue `#2c84e0` and the pastel callout family (`accent-blue-soft`, `-green-soft`, `-red-soft`,
-`-purple-soft`) are marketing/doc vocabulary: they carry no operator chrome role (see §7).
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is IBM Plex Sans Variable — UI, body, and headings all ride it, and the
-brand's signature is that hierarchy is built from **weight**, not a second family. `font-mono` is
-Source Code Pro for IDs, codes, timestamps, and log lines. Numeric columns render `tabular-nums` so
-figures align down a column.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 20px / 1.4 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 16px / 1.45 | `font-weight-strong` |
-| body | UI + prose | 14px / 1.45 | `font-weight-normal` |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| caption | uppercase eyebrow | 12px / 1.33 | `font-weight-strong`, `+0.02em`, uppercase |
-
-Bump weight one step for emphasis; never change size to emphasize. The marketing hero (36px / 800) and
-the 800-weight display tier stay behind — operator headings top out at `font-weight-strong`.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled `primary` yellow on dark `primary-foreground` ink, `radius`, no pill.
-  Secondary: `secondary` greige fill, `border`, `foreground`. Ghost: transparent, `accent` on hover.
-- **Input** — `card` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` (blue) at
-  full 2px, no glow.
-- **Card** — `card` white surface, 1px `border` hairline, `radius`, **flat — no shadow**; inset by
-  `density-inset`. Flat cards on cream is the brand.
-- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; row selection tints
-  `accent`; `tabular-nums` on numeric columns; `font-mono` on IDs and timestamps.
-- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`
-  for content-heavy), beside the work, not over it.
-- **Badge** — hairline `border`, `muted` / status fill, uppercase caption; status badges take `success`
-  / `warning` / `destructive`, never `primary`.
-- **Code / log surface** — the brand's signature inverted moment: dark olive-charcoal (`foreground`
-  `#23251d`) fill with white text in `font-mono`. The one place a surface goes dark on the light UI.
-
-## 5 Layout
-
-Base spacing unit 4px (Tailwind `--spacing` 0.25rem); the brand's rhythm centers on the 8px step. The
-on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64`. Shell dimensions map one-to-one to the
-layout primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`,
-side panel `side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms
-`form-max-width`, tables full-width. Density is governed globally by `density-tier` (rewriting the
-spacing scale through `density-gap`) and stepped per archetype by the surface catalog — never by
-absolute overrides. The 80px marketing section rhythm stays behind.
-
-## 6 Depth
-
-Flat — this is where the brand and operator restraint agree completely. Hierarchy comes from the surface
-ladder and hairlines, never shadow:
-
-- **0 — canvas** `background` cream, no border.
-- **1 — panel / card** `card` white on a 1px `border` hairline; flat, no shadow.
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
-  shadow to lift off the cream. The dark code / log surface is the brand's other "elevated" moment, and
-  it lifts with **color, not shadow**.
-
-Focus is a 2px `ring` outline in blue (never a glow), visible on every interactive element. Three
-z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** keep the cream `background` (`#eeefe9`) as the app canvas — never flatten it to plain white.
-- **Do** reserve `primary` yellow for the single most important action, and carry dark ink on it — the
-  yellow pill never takes white text.
-- **Do** carry hierarchy with hairlines, weight, and whitespace — the brand is flat, no drop shadows.
-- **Do** render code and log surfaces on the dark olive-charcoal `foreground` fill with `font-mono`.
-- **Don't** pill operator buttons — the pill is the marketing nav CTA only; operator buttons are `radius`.
-- **Don't** promote a second loud chromatic accent. Blue stays a quiet link / focus signal; the pastel
-  callout family and the hedgehog mascots are marketing decoration and do not enter operator chrome.
-- **Don't** bring the 36px / 800 hero display tier into operator surfaces — headings stop at
-  `font-weight-strong`.
-- **Don't** signal elevation with heavy shadows; reach past a hairline only for a real overlay.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
-| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
-| 1024 | sidebar expands; two-pane queue+detail holds side by side |
-| 1440 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
-
-## 9 Agent Prompt Guide
-
-Directives the emitting agent follows verbatim:
-
-- The cream `background` (`#eeefe9`) is the app canvas — white cards float on it; never flatten to plain
-  white. This warmth is the brand's whole identity once the mascots are gone.
-- Reserve the yellow `primary` for the one primary action per surface, always with dark ink; if two
-  things want the accent, one is not primary.
-- IBM Plex Sans across every role; build hierarchy from weight (`400` / `600`), not size jumps; every
-  numeric column is `tabular-nums`; every ID, code, and timestamp is `font-mono`.
-- Stay flat — hairline olive `border` and weight before shadow. The dark `#23251d` code / log surface is
-  the only "elevated" surface, and it lifts with color, not shadow.
-- Blue is links and focus only; green / red / amber are status only; one loud color (yellow).
-- Leave behind: hedgehog mascots, 36px / 800 hero type, pill CTAs on chrome, pastel callout bands, the
-  80px marketing section rhythm.

package/data/harnesses/code/skills/design/data/design-md/library/raycast.md

@@ -1,137 +0,0 @@
----
-schema: design-md/v1
-product: Raycast
-provenance: library
-sourced: 2026-07-04
----
-
-# Raycast — operator reading of a categorically-dark developer system
-
-Raycast is the rare brand where the doctrine's light default yields: it is *categorically dark* —
-one continuous near-black canvas with no light variant in the source. This entry carries that
-identity onto operator surfaces: the chrome of Raycast's own command palette (near-black surfaces,
-hairline borders, a single white action, ss03-Inter), with the marketing theatre left behind.
-
-## 1 Visual Theme
-
-Dark by default; there is no light variant. Flat and shadowless — hierarchy is a four-step surface
-ladder (`background` → `card` → `muted` → overlay), never a drop shadow. Chrome is monochrome: white is
-the single action color, and every primary button is a white rounded-rect on near-black. Color is
-reserved — four saturated hues (blue, green, yellow, red) speak status and category only, never chrome.
-The anchor surface is the near-black canvas carrying hairline-bordered cards; the single accent is
-white. Density is `dense` — Raycast's command-palette chrome runs tight, and operator surfaces inherit it.
-
-## 2 Color Roles
-
-One monochrome action — white — carries every primary; the saturated hues speak only status.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` | near-black `#07080a` (canvas) | the dominant page surface, edge to edge |
-| `foreground` | off-white `#f4f4f6` (ink) | primary ink on the canvas |
-| `card` / `popover` | `#0d0d0d` (surface) | cards and overlays — one notch above canvas |
-| `muted` / `secondary` | `#101111` (elevated) | inputs, tertiary buttons, active chips |
-| `muted-foreground` | `#9c9c9d` (mute) | labels, captions, metadata |
-| `border` / `input` | hairline `#242728` | every card edge, grid line, and field border |
-| `primary` | white `#ffffff` | the one primary action — a white pill on black |
-| `primary-foreground` | black `#000000` | text on the white action |
-| `accent` | `#121212` (surface-card) | selected/active rows and nav — a surface lift, not a hue |
-| `ring` | white `#ffffff` | focus outline — the action color, unmistakable |
-| `destructive` | `#ff6161` | destructive actions and error status |
-| `success` / `warning` | `#59d499` / `#ffc533` | status signalling only, never chrome |
-
-The four saturated category hues (blue `#57c1ff`, green `#59d499`, yellow `#ffc533`, red `#ff6161`)
-are status/illustration only — never a chrome button, never body text. White carries every action.
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is Inter with `font-feature-settings: "calt","kern","liga","ss03"`
-enabled globally — the ss03 alternate `g` is the brand's signature and must stay on; without it the
-type reads as plain Inter and loses the voice. `font-mono` is JetBrains Mono for IDs, codes,
-timestamps, log lines (Raycast's marketing rarely shows mono; operator work needs it). Letter spacing
-is *positive* — Raycast opens type rather than tightening it, so headings track `+0.01em`, the rare
-operator system that does. Numeric columns render `tabular-nums`.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 20px / 1.4 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 16px / 1.4 | `font-weight-strong` |
-| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| caption | uppercase eyebrow | 12px / 1.5 | `font-weight-strong`, `+0.03em`, uppercase |
-
-Hero display (56–64px) stays behind. Emphasise by weight one step, never by size.
-
-## 4 Component Stylings
-
-- **Button** — `primary`: filled white `primary` on `primary-foreground`, `radius`, a rounded rect,
-  never a 9999 pill. Secondary: transparent, `foreground`. Tertiary: `secondary` (elevated) fill.
-- **Input** — `secondary` (elevated) fill, 1px `border` (`border-weight`), `radius`; focus *brightens
-  the border* to the `ring`, never a glow.
-- **Card** — `card` surface, 1px `border`, `radius`; no shadow (the surface ladder carries lift),
-  inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; row selection
-  tints `accent` (the surface-card lift); `tabular-nums` on numeric columns.
-- **Side panel** — detail and edit open beside the work (`side-panel-width`, `side-panel-width-rich`),
-  not over it.
-- **Badge** — hairline `border`, `muted`/status fill; status badges take `success` / `warning` /
-  `destructive`, never `primary`; info renders as `accent`-blue on a translucent tint.
-- **Keycap** — a signature primitive: keyboard-shortcut hints render as small keycap glyphs (surface
-  fill, faint gradient, tight `radius`). Carry them onto operator shortcut affordances.
-
-## 5 Layout
-
-Base unit 8px with 2/4/12px tight steps; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 ·
-64` (the 96px marketing section rhythm stays behind). Shell dimensions map one-to-one to the layout
-primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height` (56px,
-the brand's own nav height), side panel `side-panel-width` / `side-panel-width-rich`, modal cap
-`modal-width-max`, forms `form-max-width`, tables full-width. Density is `dense` globally
-(`density-tier`), stepped per archetype by the surface catalog — never by absolute overrides.
-
-## 6 Depth
-
-Flat and shadowless — the defining trait. Hierarchy comes from the surface ladder, not shadow:
-
-- **0 — canvas** `background` `#07080a`, no border.
-- **1 — surface / card** `card` `#0d0d0d` on a 1px `border`, one notch above canvas.
-- **2 — elevated** `muted` `#101111` for inputs, active chips, and nav selection.
-- **3 — overlay** `popover` / side panel / modal — separated by the surface lift plus a hairline;
-  `shadow-intensity` is 0, because the brand has no drop shadows at all.
-
-Focus is a `ring` outline in white (the action color), always visible; three z-levels: content, chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** keep the canvas near-black and build every elevation from the surface ladder.
-- **Do** keep chrome monochrome — white is the one action color; reserve it for the single primary.
-- **Do** enable Inter's `ss03` (with `calt`/`kern`/`liga`) globally; without it the type loses its voice.
-- **Do** carry shortcut hints as keycap glyphs; `tabular-nums` on numerics, `font-mono` on IDs/codes/timestamps.
-- **Don't** add a drop shadow — depth is the surface ladder, never shadow.
-- **Don't** promote a second chromatic action — the four saturated hues are status/category only, never chrome.
-- **Don't** fully-round the CTA — the primary is a rounded rect at `radius`, not a 9999 pill.
-- **Don't** reach for the red diagonal-stripe hero gradient or hero-scale display type — they stay behind.
-- **Don't** pad cards 32px+; run tight at 16–24px.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; the near-black canvas holds |
-| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
-| 1024 | sidebar expands; two-pane list+detail holds side by side |
-| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
-
-## 9 Agent Prompt Guide
-
-- Treat the default theme as dark — the color map already resolves to near-black; synthesize no light variant.
-- Build depth from the surface ladder (`background` → `card` → `muted` → overlay); never a drop shadow.
-- Keep chrome monochrome: white is the action. If two elements want white, one of them is not primary.
-- Enable Inter's `ss03` (with `calt`/`kern`/`liga`) globally; render shortcut hints as keycap glyphs.
-- The four saturated hues are status/category only — `success`/`warning`/`destructive`/info — never chrome.
-- **Carries over:** near-black canvas + surface ladder, hairline borders, the monochrome white action,
-  tight 6–10px radius, ss03-Inter, positive heading tracking, keycap shortcut glyphs.
-- **Stays behind:** the red diagonal-stripe hero gradient, hero-scale display (56–64px), full-bleed
-  product-screenshot heroes, the 96px marketing section rhythm.

package/data/harnesses/code/skills/design/data/design-md/library/replicate.md

@@ -1,140 +0,0 @@
----
-schema: design-md/v1
-product: Replicate
-provenance: library
-sourced: 2026-07-04
----
-
-# Replicate — the warm-cream operator reading
-
-Replicate's public surfaces read as an ML lab notebook crossed with a print zine: a warm cream
-canvas, ink-dark type, dark monospace code wells, and one hot-orange accent used like a stamp. This
-entry is the *operator* reading of that brand — the same warmth and single accent, carried onto a
-CRM, a queue, or a dashboard. The hero-scale display grotesque, full-bleed orange bands, the
-gradient mesh, and contributor mosaics stay behind as marketing furniture. What carries: the
-cream-not-white temperature, the ink foreground, the scarce orange, the soft-rounded corners, and
-the strict font lanes.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in. Flat: hierarchy is color-blocking and hairlines, not shadow — surfaces
-step warm (bone sidebar → cream canvas → white cards) and elevation is a surface swap, never a heavy drop.
-A single accent, Replicate `primary` (hot orange `#ea2804`), is reserved for the one action that matters on
-a surface — treated as a stamp, one orange element per view. The field is warm: the canvas is cream `#f9f7f3`,
-never pure white, and ink is `#202020`, a warm near-black. Corners are soft (`radius` 10px) — the brand has
-no sharp edges — but the marketing full-pill treatment stays behind except on badges. Density is `standard`:
-editorial warmth wants a little air, operator restraint keeps it from sprawling.
-
-## 2 Color Roles
-
-Light values first. One accent — `primary` is the only chromatic hue that carries meaning; status
-and focus hues speak only their function.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` | cream `#f9f7f3` | the page canvas — the dominant warm surface, never pure white |
-| `card` / `popover` | white `#ffffff` | data cards, tables, inputs, overlays — the only place white appears |
-| `foreground` | warm ink `#202020` | all primary text |
-| `muted` / `secondary` | bone `#f3f0e8` | hover rows, subtle fills, secondary buttons, inset groups |
-| `muted-foreground` | charcoal `#575757` | labels, captions, metadata, secondary text |
-| `border` / `input` | hairline `#dfddda` | every separator, grid line, and field edge |
-| `primary` | orange `#ea2804` | the one primary action; active nav; inline links |
-| `accent` | pale peach `#fbe9e3` | selected/hovered rows and nav, on-accent surfaces only |
-| `ring` | focus blue `#3b82f6` | the keyboard focus outline — deliberately cool, so focus never reads as the orange CTA |
-| `destructive` | red `#b3261e` | destructive actions and error state only |
-| `success` / `warning` | green `#2b9a66` / gold `#b7791f` | status signalling only, never chrome |
-
-The hero glow, hero pink, and orange bands are marketing graces: they carry no role here (see §7).
-
-## 3 Typography
-
-Two lanes, strictly kept. `font-sans` is basier-square (Geist or Inter substitute) — UI, body, and headings
-all ride it; heading weight and tight tracking, not a second family, carry emphasis. `font-mono` is JetBrains
-Mono for IDs, model slugs, codes, timestamps, and log lines. The hero display grotesque `rb-freigeist-neue`
-is hero-scale (72px+) and stays behind. Numeric columns render `tabular-nums` so figures align down a column.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 20px / 1.4 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 16px / 1.4 | `font-weight-strong` · `heading-tracking` |
-| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| caption | eyebrow / footnote | 12px / 1.33 | `font-weight-strong`, uppercase |
-
-Body weight stays 400 — emphasis is weight-to-strong or a switch to `font-mono`, never a bump to 500.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled `primary` on `primary-foreground`, `radius`, soft-cornered, not pill.
-  Secondary: `secondary` fill, `border`, `foreground`. Ghost: transparent, `accent` on hover. Pressed
-  darkens `primary` one step.
-- **Input** — `card` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` at 2px, no glow.
-- **Card** — white `card` on the cream canvas, 1px `border`, `radius`; shadow only when a true overlay lifts
-  (`shadow-intensity`); inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
-  numeric columns; row selection tints `accent`.
-- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich` for
-  content-heavy), beside the work, not over it.
-- **Badge** — pill (`radius-scale` 9999) is allowed here as a brand grace; hairline `border` or status fill,
-  uppercase caption; status badges take `success` / `warning` / `destructive`, never `primary`. Code and log
-  panels invert to an ink-dark fill with `font-mono` — the one place dark blocking appears in operator chrome.
-
-## 5 Layout
-
-Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96`. Shell dimensions
-map one-to-one to the layout primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar
-`topbar-height` (the brand's 60px nav rhythm), side panel `side-panel-width` / `side-panel-width-rich`, modal
-cap `modal-width-max`, forms `form-max-width`, tables full-width. Rows ride `table-row-height` (44px — the
-brand's touch-comfortable button height, an airier operator rhythm). Density is governed globally by
-`density-tier` and stepped per archetype by the surface catalog.
-
-## 6 Depth
-
-Flat, color-blocked. Hierarchy comes from the warm surface ladder and hairlines, not shadow:
-
-- **0 — canvas** `background` cream, no border.
-- **1 — panel / card** `card` white on a 1px `border`; a surface swap to `muted` bone marks an inset group.
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md` shadow.
-
-No level stacks a heavier shadow to signal rank; rank is surface color, border, and position. Focus is a 2px
-`ring` outline (never a glow), deliberately cool blue so it never collides with the orange CTA. Three
-z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** keep the cream `background` as the page canvas; white is for cards, inputs, and overlays only.
-- **Do** reserve `primary` orange for the single most important action, active nav, and inline links —
-  three roles, treated as a stamp: at most one orange element per view.
-- **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, slugs, and timestamps.
-- **Don't** replace cream with pure white at the page level — the brand temperature lives in the canvas.
-- **Don't** promote a second chromatic accent. The hot orange is the only accent; success green, warning
-  gold, and focus blue are functional, not decorative.
-- **Don't** pill the primary CTA — the full-pill treatment is a marketing signature; operator CTAs keep the
-  soft `radius`, and pills stay on badges. Don't reach for the hero display grotesque or heavy drop shadows.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
-| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
-| 1024 | sidebar expands; two-pane queue+detail holds side by side |
-| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
-
-## 9 Agent Prompt Guide
-
-Directives the emitting agent follows verbatim:
-
-- Lead every list surface with its table; lead every entity with its primary read, not its chrome.
-- Set the page on the cream `background`; float white `card` surfaces on it — never pure white at page level.
-  Accent only the primary action with orange `primary`; if two things want the orange, one is not primary.
-- Every numeric column is `tabular-nums`; every ID, slug, code, and timestamp is `font-mono`.
-- Every workflow completes from the keyboard; the cool-blue `ring` focus outline is always visible. Stay
-  flat — warm surface swaps and hairlines before shadow; reach past a hairline only for a real overlay.
-- Leave the marketing furniture behind: no hero grotesque, no full-bleed orange bands, no gradient mesh, no
-  contributor mosaics, no pill CTAs. Palette, temperature, soft corners, and font lanes carry; the rest does not.

package/data/harnesses/code/skills/design/data/design-md/library/resend.md

@@ -1,170 +0,0 @@
----
-schema: design-md/v1
-product: Resend
-provenance: library
-sourced: 2026-07-04
----
-
-# Resend — editorial-noir developer console
-
-Resend's marketing surfaces are a developer tool wearing the typography of a print magazine: a
-true-black canvas, off-white ink, oversized Domaine Display serif headlines, and depth built entirely
-from translucent-white hairlines instead of shadow. This entry is the *operator* reading of that brand —
-an internal tool (sending-logs stream, API-key console, audience table, deliverability dashboard) in
-Resend's language. What carries: the pure-black `#000000` canvas, off-white ink, the single white-hot
-`primary` (a white surface that is the brightest pixel — the inverted accent), translucent-white hairline
-depth with no shadow, the 8px button / 12px card radius vocabulary, Geist Mono on every code surface, the
-Inter UI voice, and the six atmospheric accents repurposed as chart/status hues. What stays behind: the
-76–96px Domaine Display serif hero, ABC Favorit marketing body, the full-section glow washes, the
-96–128px section bands, and the print-magazine email-mockup insets.
-
-**Categorically dark, and truly black.** Two doctrine-floor overrides are legitimate here and
-recorded plainly: the brand is dark by default (`data-theme="dark"` is the signature; a derived
-light daytime floor ships alongside per schema), and its canvas is exactly `#000000`, never a
-near-black.
-
-## 1 Visual Theme
-
-Dark by default; a light daytime mode is the opt-in floor. Emphatically flat: hierarchy is carried by
-translucent-white hairline `border`, type weight, and a surface ladder that steps by luminance, never
-shadow — the system has no drop-shadow language. A single accent — but the accent is *white*. `primary`
-is an off-white surface with black text, the brightest pixel on the black canvas and the one solid anchor
-(in the light floor it inverts to near-black-on-white, the same highest-contrast invariant). The anchor
-surface is a pure `#000000` canvas with cards a hairline-and-luminance-step above it; ink is off-white
-`foreground`, faintly blue-cool so it reads as printed paper. Density is `standard` — dense-capable and
-technical, editorial breathing carried in the shell dimensions, not the data grid.
-
-## 2 Color Roles
-
-Both themes are valued; dark is the signature (listed second, but it is the default the tool wears).
-One action accent — `primary` is the only solid that carries interactive meaning; the six atmospheric
-accents live only in charts and status (see §7); status hues speak only status.
-
-| Role | Light (floor) | Dark (signature) | Allowed where |
-| --- | --- | --- | --- |
-| `background` | `#ffffff` | canvas `#000000` | the page floor — the dominant surface |
-| `card` / `popover` | `#ffffff` | card `#0a0a0c`, popover `#101012` | panels and overlays, one luminance step up |
-| `foreground` | `#000000` | off-white ink `#fcfdff` | all primary ink |
-| `muted` / `secondary` | `#f1f7fe` | `#101012` | hover fills, quiet bands, ghost/secondary buttons |
-| `muted-foreground` | `#5b6066` | `#a1a4a5` | labels, captions, secondary text |
-| `border` / `input` | `#e4e8ee` | hairline-strong `rgba(255,255,255,0.14)` | every card edge, field edge, and grid line |
-| `primary` | near-black `#000000` | white-hot `#fcfdff` | the one primary action; active nav; the brightest solid |
-| `primary-foreground` | `#ffffff` | `#000000` | label on the primary surface — black on the white pill |
-| `accent` | `#eef4fc` | wash `rgba(255,255,255,0.09)` | selected / hovered rows and nav — a neutral lift, never colored |
-| `ring` | `#000000` | ink `#fcfdff` | focus outline — the border thickens to ink, no separate glow |
-| `destructive` | `#e11d3f` | brand red `#ff2047` | destructive actions and error state only |
-| `success` / `warning` | `#0a9d63` / `#b8790a` | `#11ff99` / `#ffc53d` | status signalling only, never chrome |
-
-The atmospheric glow colours (orange, blue, green, yellow, red) are marketing backdrops; here they carry
-`chart-1..5` and semantic status, never full-section washes or solid buttons.
-
-## 3 Typography
-
-One UI sans, one mono. `font-sans` is Inter — the corpus's own UI face — carrying body, tables, labels,
-and every heading; ABC Favorit (marketing body) and the 76–96px Domaine Display serif hero both stay
-behind, since operator surfaces top out at a 24px title where the serif never appears. `font-mono` is
-Geist Mono for IDs, codes, timestamps, log lines, and every code well; numeric columns render
-`tabular-nums`. Hierarchy is size and family, not weight — body holds at 400 and the brand never bolds
-past the strong 500.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.5 | `font-weight-strong` (500) · `heading-tracking` |
-| h2 | section head | 20px / 1.3 | `font-weight-strong` (500) · `heading-tracking` |
-| h3 | card / group head | 16px / 1.4 | `font-weight-strong` (500) · 0 |
-| body | UI + prose | 14px / 1.5 | `font-weight-normal` (400) |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| caption | eyebrow, footer meta | 12px / 1.5 | `font-weight-normal` |
-| code | IDs, logs, amounts | mono 13px / 1.6 | `font-weight-normal` |
-
-Emphasise by size or family (sans → mono), never by bumping body weight to 600 — the corpus forbids it.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — primary: filled `primary` (white on dark / near-black on light), `primary-foreground`,
-  `radius` (8px), never a pill — the one brightest solid per surface. Secondary/ghost: `secondary` fill,
-  1px `border`; outline: transparent on `background`, 1px `border`.
-- **Input** — `card` fill, 1px `border` (`border-weight`), `radius`; focus thickens the edge to the ink
-  `ring` — no glow, no separate ring colour.
-- **Card** — `card` a luminance step above canvas on a 1px hairline `border`, `radius` stepping to 12px
-  for large panels and code wells; depth is the hairline plus the step, never a shadow.
-- **Table row** — height `table-row-height`; `border` grid lines (soft dividers may drop to a 6%
-  hairline); `muted` on hover; `tabular-nums` on numeric columns; selection washes to `accent`.
-- **Code / log well** — the darkest, coolest surface (`#06060a` on dark, a step below canvas), 1px
-  `border`, `radius`, `font-mono` — depth by temperature, not blur.
-- **Side panel** — detail and edit open in the panel (`side-panel-width`, `side-panel-width-rich` for
-  content-heavy), beside the work, not over it.
-- **Badge** — pill radius (badges only), `muted`/status fill; status badges take `success` / `warning` /
-  `destructive`, never `primary`.
-
-## 5 Layout
-
-Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` — the marketing
-96px / 128px section bands stay behind. Shell dimensions map one-to-one to the layout primitives: sidebar
-`sidebar-width-expanded` (248px) / `sidebar-width-collapsed` (56px), topbar `topbar-height` (64px, the
-brand's nav height), side panel `side-panel-width` (420px) / `side-panel-width-rich` (640px, the corpus's
-email-inset max width), modal `modal-width-max`, forms `form-max-width`, tables full-width. Density is
-governed globally by `density-tier` and stepped per archetype by the surface catalog.
-
-## 6 Depth
-
-Flat, hairline-and-luminance only — no drop-shadow language on this canvas:
-
-- **0 — canvas** `background` (`#000000` dark / `#ffffff` light), no border.
-- **1 — panel / card** `card` a luminance step above canvas on a 1px hairline `border`; step plus
-  hairline carries the lift.
-- **2 — overlay** `popover` / side panel / modal — a further luminance step (dark) or the faintest
-  `shadow-intensity` lift (light floor). Rank is surface, hairline, and position.
-- **inlay — code / log well** the darkest, coolest surface (`#06060a` on dark) — depth by temperature.
-
-Focus is an ink `ring` — the border thickens to `foreground`, never a glow — visible on every
-interactive element. Three z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** anchor every dark surface on true `#000000` — never a near-black; the corpus is emphatic the
-  brand sits on pure black, not `#0a0a0a`.
-- **Do** reserve the white-hot `primary` as the single brightest solid per surface — one primary action,
-  the active nav, the focus `ring`. Its scarcity is what makes white read as the accent.
-- **Do** carry depth with translucent-white hairlines and the luminance ladder; render every code, log,
-  and terminal surface in `font-mono` (Geist Mono) with `tabular-nums` on numeric columns.
-- **Don't** introduce a second solid brand accent — white (or its light-floor near-black) is the brand;
-  the six atmospheric colours are chart/status only, never buttons or full-section washes.
-- **Don't** signal elevation with drop shadows — hairlines and luminance carry depth on the black canvas.
-- **Don't** pill the primary CTA or reach for a radius outside `radius-scale` — buttons/inputs are 8px,
-  cards and code wells 12px; pill is badges only.
-- **Don't** bring the serif or ABC Favorit into operator surfaces — Inter carries the UI; the display
-  serif is a hero-scale marketing signature that stays behind.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; nav → hamburger; density holds |
-| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
-| 1024 | sidebar expands; two-pane queue+detail holds side by side |
-| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
-
-Code and log wells keep mono legibility at every breakpoint by scrolling horizontally, not wrapping.
-
-## 9 Agent Prompt Guide
-
-Directives the emitting agent follows verbatim:
-
-- Wear the dark theme by default (`data-theme="dark"`); the light map is the opt-in daytime floor. On
-  dark the canvas is exactly `#000000` — never a near-black.
-- Spend the white-hot `primary` once per surface: the primary action, the active nav, the focus `ring`.
-  If two things want the white, one is not primary. Everything else is neutral or status.
-- Lead every list surface with its table; render code, log, and terminal panels in `font-mono` (Geist
-  Mono) as the darkest/coolest surface. Every numeric column is `tabular-nums`; every ID / code /
-  timestamp is `font-mono`.
-- The six atmospheric accents (orange / blue / green / yellow / red) are the sanctioned multi-hue set —
-  chart series and semantic status only, never solid buttons or full-section glow washes.
-- Depth is the luminance ladder and translucent-white hairlines, never shadow; the focus ring is the
-  border thickened to ink. Detail and edit go in the side panel beside the work, never a modal.
-- Keep the UI on Inter; leave behind the Domaine Display serif hero, ABC Favorit body, the full-section
-  glows, the 96–128px section bands, and the email-mockup insets.