@nurix/etna 0.19.11 → 0.19.13

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

@@ -1,140 +0,0 @@
----
-schema: design-md/v1
-product: HashiCorp
-provenance: library
-sourced: 2026-07-04
----
-
-# HashiCorp — an operator reading of the pure-black, multi-product infrastructure system
-
-HashiCorp's web system is a confident, technical enterprise canvas: a pure-black ground, white engineered sans,
-charcoal cards on felt-thin hairlines, and per-product accent colors marking which tool a section is about. This
-entry is the *operator* reading — an internal tool (dashboard, run queue, policy console, log stream) in HashiCorp's
-language. Carried over: the pure-black canvas, charcoal surface ladder, white-on-dark ink, flat shadowless depth, the
-8px-not-pill radius, hashicorpSans's engineered voice (Inter the substitute). Left behind: the 80/56/40px hero
-display, the per-product chromatic identity cards, full-bleed CTA banners, and the 96px section rhythm.
-
-**Categorically dark, literally pure black, one accent not seven.** Two floors yield: the light-default floor (the
-categorically-dark exception — the default theme is dark and fills the required `light` slot) and the doctrine's ban
-on pure `#000000` surfaces (the brand's canvas *is* `#000000`, so the brand token wins); both are recorded plainly.
-The signature per-product palette is a *multi-product* marketing device — an internal tool is one product, so the
-operator reading spends the one product-neutral hue the brand uses on every page: accent-blue `#2b89ff`, repurposed
-as the chart categorical ramp, the one place multiple hues are legitimate (see §2, §7).
-
-## 1 Visual Theme
-
-Dark by default — pure black `background` (`#000000`) is the floor of every surface, no light counterpart.
-Emphatically flat: hierarchy comes from the charcoal surface ladder (canvas → surface-1 → surface-2), 1px hairline
-`border`, type weight, and white-on-black contrast — never shadow. A single accent, blue `primary` (`#2b89ff`), is
-held scarce: the one primary action, the focus `ring`, and the active-nav indicator, nothing else. The neutral ramp
-is a cool near-achromatic charcoal (white ink through `#b2b6bd` to `#656a76`), so the UI reads engineered and
-monochrome. Density is `standard` — the brand breathes more than a terminal, but the operator reading earns density.
-
-## 2 Color Roles
-
-Dark values. One accent — blue `primary` is the only chromatic hue that carries UI meaning; status
-hues speak only status; the product palette lives only in charts.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` | pure-black canvas `#000000` | page floor and content area — the dominant surface |
-| `foreground` | white ink `#ffffff` | headlines and primary text |
-| `card` / `popover` | charcoal `#15181e` (surface-1) | cards, tiles, overlays — the first lift off black |
-| `secondary` / `accent` | charcoal-2 `#1f232b` (surface-2) | secondary-button fills; hover and selected rows and nav |
-| `muted` | faint well `#0c0e12` | inset tracks, disabled fills, quiet band tints |
-| `muted-foreground` | cool gray `#b2b6bd` | labels, captions, secondary text |
-| `border` / `input` | hairline `#3b3d45` (surface-3) | every separator, grid line, and field edge |
-| `primary` | accent-blue `#2b89ff` | the one primary action; active-nav indicator; the text-link |
-| `primary-foreground` | white `#ffffff` | text on the blue action |
-| `ring` | blue `#2b89ff` | the focus outline — unmistakable, because keyboard-first |
-| `destructive` | Consul red `#e62b1e` | destructive actions and error state only |
-| `success` / `warning` | Nomad green `#00ca8e` / Vault yellow `#ffcf25` | status signalling only, never chrome |
-
-The per-product palette — Terraform `#7b42bc`, Vault `#ffcf25`, Waypoint `#14c6cb`, Nomad `#00ca8e`,
-Boundary `#f24c53` — carries no UI role; it draws the chart categorical ramp (see §7).
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is hashicorpSans, the brand's geometric-humanist face — body, UI, and headings all
-ride it; weight and tight tracking, not a second family, carry the display voice (Inter is the corpus's own open
-substitute). `font-mono` is the operator's reclaim — the marketing brand reserves mono for in-product, but the
-operator surface needs it for IDs, codes, timestamps, and log lines (JetBrains Mono). Numeric columns render
-`tabular-nums`. The display scale (80/56/40px) stays behind — an operator surface tops out at a 24px page title.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 18px / 1.3 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 15px / 1.35 | `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.4 | `font-weight-strong`, `+0.05em`, uppercase |
-
-The brand's weight hierarchy is deliberately small — 500 body / 600 emphasis / 700 display, no extremes, so the
-system reads engineered. Operator headings run the strong weight (600, the brand's headline weight) with tight
-negative tracking; the 700 display weights stay behind. Build hierarchy on size and weight, never a second family;
-keep the uppercase eyebrow above sections.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — primary: filled blue `primary` on white `primary-foreground`, `radius` (8px), never a pill. Secondary: `secondary` charcoal-2 fill, `border`, `foreground`. Ghost: transparent, `accent` on hover. The brand's white-on-black CTA is a legitimate monochrome variant for a lone hero action, but the operator default spends the accent-blue so primary, focus, and active-nav read as one system.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the blue `ring` at 2px, no glow (the brand's focus is a 1px accent-blue outline, firmed to 2px for keyboard-first work).
-- **Card** — `card` charcoal surface, 1px `border`, `radius` (cards step to 12px via the scale); depth is the surface lift off black, not shadow; inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines carry the grid; `accent` on hover; `tabular-nums` on numeric columns; selection tints `accent` with a blue `primary` left-indicator.
-- **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** — hairline `border`, `muted`/status fill, uppercase caption; status badges take `success` / `warning` / `destructive`, never `primary`. Pill radius is badges-only (the brand's product pills).
-
-## 5 Layout
-
-Base spacing unit 8px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` — the marketing 96px section
-rhythm stays behind. Shell dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded` /
-`sidebar-width-collapsed`, topbar `topbar-height` (64px, the brand's 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 governed
-globally by `density-tier` (standard) and stepped denser per archetype by the surface catalog.
-
-## 6 Depth
-
-Flat and shadowless. Depth comes from the charcoal surface ladder and hairlines, not drop shadows:
-
-- **0 — canvas** `background` (`#000000`), no border.
-- **1 — panel / card** `card` (`#15181e`, surface-1) on a 1px `border`; the charcoal lift off pure black carries rank. Hover and selected rows step one further to `accent` (`#1f232b`, surface-2); chips and sub-nav ride the `border` charcoal-3 (`#3b3d45`).
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the faintest lift, enough to separate an overlay from the black canvas above a scrim. Rank is surface, border, and position — never a heavier shadow.
-
-The per-product chromatic card is a marketing *identity* device at a feature card's z-plane, not a depth level — it
-stays behind. Focus is a 2px blue `ring` outline (never a glow), visible on every interactive element. Three
-z-levels: content, chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** anchor every surface on the pure-black canvas and carry hierarchy with the black-plus-charcoal ladder, hairlines, weight, and size; the black `#000000` is deliberate — not a near-black to be softened.
-- **Do** reserve blue `primary` for the primary action, the focus `ring`, and the active-nav indicator — nothing else. It is the one product-neutral chromatic hue the brand spends on every page.
-- **Do** run headings the brand sans (hashicorpSans; Inter the substitute) at 600 with tight negative tracking, one family across the whole hierarchy.
-- **Do** apply `tabular-nums` to numeric columns and `font-mono` to IDs, codes, timestamps, and log lines — the operator surface reclaims the mono the marketing brand withholds.
-- **Do** draw chart series from the product palette (Terraform purple, Vault yellow, Nomad green, Boundary coral) — the one place multiple hues are legitimate.
-- **Don't** rebuild the per-product accent system as UI chrome, fill large surfaces with a product hue, or set body text in one — that palette is a multi-product marketing device; an internal tool is one product with one accent.
-- **Don't** pill controls or reach for a radius outside `radius-scale` — the button/input radius is 8px.
-- **Don't** signal elevation with drop shadows, or adapt the shell to a light canvas — this brand has no light surface.
-- **Don't** pair a display-only sans with a different body family — HashiCorp is one family across the full hierarchy.
-
-## 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:
-
-- Wear the pure-black `#000000` canvas by default; this brand is categorically dark — no light surface to fall back to. Cards and panels are the charcoal surface-1 lift, not white; depth is that ladder plus hairlines, never shadow.
-- Spend blue once per surface: the primary action, the focus `ring`, the active-nav indicator. If two things want the blue, one is not primary. The per-product palette (Terraform purple, Vault yellow, Waypoint cyan, …) stays behind as a marketing identity device — reuse it only as the chart categorical ramp, never as UI accents.
-- Headings ride the brand sans (hashicorpSans; Inter the open substitute) at 600 with tight negative tracking; the 80/56/40px display scale stays behind — operator headings top out at 24px. Keep the uppercase eyebrow above meaningful sections.
-- Every numeric column is `tabular-nums`; every ID / code / timestamp / log line is `font-mono` (JetBrains Mono) — the operator surface reclaims the mono the marketing brand reserves for in-product. Detail and edit go in the side panel beside the work; the blue `ring` focus outline is always visible for keyboard work.
-- Leave behind: the 80px hero display, the per-product chromatic identity cards, full-bleed CTA banners, and the 96px section rhythm — marketing scale, not operator chrome.

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

@@ -1,153 +0,0 @@
----
-schema: design-md/v1
-product: IBM
-provenance: library
-sourced: 2026-07-04
----
-
-# IBM — Carbon operator design
-
-The operator reading of IBM's Carbon Design System. Carbon was built for enterprise product
-surfaces, so it dresses an internal tool almost natively — but the source corpus is IBM's
-*marketing* canvas, and marketing graces are stripped here. What carries: the flat 0px square
-geometry, IBM Blue as the single accent, IBM Plex Sans, the 4px grid, and depth carried by hairlines
-and surface change. What stays behind: the 76/60/42px weight-300 hero display type, the full-bleed
-blue CTA banner, the dark inverted footer, and the soft-blue hero gradient.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in — in the brand only the footer and global header invert, and that
-inversion is a marketing move that stays behind. Flat and square: every button, card, input, and
-container sits at 0px corners, and hierarchy is carried by a 1px hairline `border` and surface change,
-never by shadow. A single accent — IBM Blue `primary` #0f62fe — is reserved for the one action that
-matters, for links, and for the focus rule. The neutral ramp is a true charcoal-on-white: ink #161616
-on a white canvas, with #f4f4f4 and #e0e0e0 grays doing the structural work. Dense by design — Carbon
-expects a lot on the page, not a lot of air. The anchor surface is a white content canvas beside a
-faint gray side nav.
-
-## 2 Color Roles
-
-Light values first; hex is the brand's native format. One accent — `primary` is the only chromatic hue
-that carries meaning; status hues speak only status.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `card` / `popover` | white `#ffffff` | page, tiles, and overlays — the dominant surface |
-| `foreground` | charcoal `#161616` | all headings and primary ink |
-| `muted` / `secondary` | light gray `#f4f4f4` (Carbon surface-1) | field fills, alternate-row bands, hovered tiles |
-| `muted-foreground` | mid gray `#525252` | meta, sub-headlines, secondary text |
-| `border` / `input` | hairline `#e0e0e0` (Carbon gray-20) | every card edge, grid line, field rule, divider |
-| `primary` | IBM Blue `#0f62fe` | the one primary action; links; active nav; focus rule |
-| `accent` | blue-10 tint `#edf5ff` | selected/hovered rows and nav, on-accent surfaces only |
-| `ring` | `primary` `#0f62fe` | the 2px focus outline — keyboard-first, unmistakable |
-| `destructive` | red-60 `#da1e28` | destructive actions and error state only |
-| `success` / `warning` | green-50 `#24a148` / yellow-30 `#f1c21b` | status signalling only, never chrome |
-
-## 3 Typography
-
-One family carries everything: **IBM Plex Sans** for UI, body, and headings — hierarchy comes from size
-and weight, never a second face. Operator headings run `font-weight-strong` (600); the marketing
-weight-300 hero display treatment stays behind. **IBM Plex Mono** returns for IDs, codes, timestamps,
-and log lines — Carbon keeps mono to product surfaces, and an operator UI is a product surface. Body
-carries Carbon's signature `+0.16px` positive letter-spacing (part of the voice — keep it). Numeric
-columns render `tabular-nums` so figures align down a column.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 32px / 1.25 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 24px / 1.33 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 20px / 1.40 | `font-weight-strong` · `heading-tracking` |
-| body | UI + prose | 16px / 1.50 | `font-weight-normal` · +0.16px |
-| small | labels, meta, dense table | 14px / 1.29 | `font-weight-normal` · +0.16px |
-| caption | eyebrow, utility meta | 12px / 1.33 | `font-weight-normal` · +0.32px, sentence case |
-
-Eyebrows stay sentence case — Carbon resists the all-caps tracked eyebrow. Bump weight for emphasis;
-never change size.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled `primary` on `primary-foreground`, `radius` (0px, square), 12px·16px
-  padding, never pill. Secondary follows Carbon's charcoal treatment: `foreground` fill,
-  `primary-foreground` text. Tertiary/ghost: transparent with a 1px `primary` border and `primary`
-  text, fill only on hover.
-- **Input** — `muted` fill, a 1px bottom `border`; focus swaps the bottom rule for Carbon's signature
-  2px `ring` underline and draws the full focus outline, square, no radius.
-- **Card** — `card` surface on a 1px `border`, 0px corners, no shadow; a "recommended" tile lifts by
-  moving to the `muted` ground, not by elevation.
-- **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 codes.
-- **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** — square (0px) tag, hairline `border`, status fill; status badges take `success` /
-  `warning` / `destructive`, never `primary`.
-
-## 5 Layout
-
-Base spacing unit 4px (Carbon's 4-pixel grid); 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: side nav
-`sidebar-width-expanded` (256px) / `sidebar-width-collapsed` (48px icon rail), topbar `topbar-height`
-(48px), 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` (`dense`) and
-stepped per archetype by the surface catalog. Sections separate by thin gray rows, not by large
-vertical gaps — Carbon spends alignment, not air.
-
-## 6 Depth
-
-Flat. Hierarchy comes from the surface ladder and hairlines, not shadow:
-
-- **0 — canvas** `background` white, no border.
-- **1 — tile / card** `card` on a 1px `border`; no shadow — the default enterprise tile.
-- **2 — surface band** the `muted` ground for alternate rows and hovered tiles; rank is surface
-  change, not elevation.
-- **3 — overlay** `popover` / menu / side panel / modal — the one place `shadow-intensity` earns a
-  soft `sm`/`md` shadow.
-
-Focus is Carbon's 2px `primary` outline (with a hairline-strong underline on fields), visible on every
-interactive element. Three z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** keep every button, card, input, and container at 0px square — the flat geometry *is* the
-  brand.
-- **Do** reserve `primary` IBM Blue for the single primary action, links, and the focus rule; treat it
-  as scarce.
-- **Do** carry hierarchy with surface change (`background` → `muted`) and 1px hairlines — skip drop
-  shadows.
-- **Do** apply the +0.16px tracking to body sizes and `tabular-nums` / `font-mono` to figures and IDs.
-- **Don't** round corners — even 4px breaks the Carbon look.
-- **Don't** bold operator headings past `font-weight-strong`, or reach for the marketing weight-300
-  hero display.
-- **Don't** promote a second chromatic accent — status uses `success` / `warning` / `destructive`
-  only.
-- **Don't** open detail or edit in a modal when the side panel fits, and don't signal rank with shadow.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | side nav → hamburger overlay; utility meta hides; two-pane list+detail stacks; side panel → full sheet; density holds |
-| 768 | side nav collapses to the 48px icon rail; tables scroll their overflow; card grid → 2-up |
-| 1024 | side nav expands to 256px; two-pane queue+detail holds side by side; grid up to 4-up |
-| 1440 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
-
-## 9 Agent Prompt Guide
-
-This entry dresses an internal operator surface — a queue, a data console, an admin panel — in Carbon.
-Carry over: flat 0px square geometry, IBM Blue as the single accent, IBM Plex Sans plus Plex Mono, the
-4px grid, hairline-and-surface-change depth, the 2px blue focus rule, and the +0.16px body tracking.
-Leave behind: the 76/60/42px weight-300 hero display type, the full-bleed blue CTA banner, the dark
-inverted footer, and the soft-blue hero gradient — all marketing.
-
-- Lead every list surface with its data table; keep it square and dense.
-- Accent only the primary action. IBM Blue is scarce — links, primary CTA, focus. Anything more is
-  drift.
-- Keep 0px corners everywhere; a rounded corner reads as a different brand.
-- IDs, codes, and timestamps in Plex Mono; every numeric column `tabular-nums`; body keeps +0.16px
-  tracking and sentence-case eyebrows.
-- Depth is hairline and surface change; reach past a hairline only for a real overlay.
-- Detail and edit go in the side panel; a modal is a confirmation, not a workspace.
-- Keep the whole app light; do not invert to charcoal outside a deliberate dark opt-in.

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

@@ -1,158 +0,0 @@
----
-schema: design-md/v1
-product: Intercom
-provenance: library
-sourced: 2026-07-04
----
-
-# Intercom — the operator reading
-
-The calm, editorial customer-service brand rendered for internal tools. Intercom's public surfaces
-are publication-quiet and product-screenshot-led; an operator surface wearing this brand keeps the
-warm cream canvas, the white-on-cream lift, the charcoal ink, the single reserved Fin Orange, the
-modest radii, and the geometric-sans voice that never bolds past 500. The 72px hero display, the
-product-mockup rhythm, the pure-black quote strip, the pill tab toggles, and the 96px section
-breathing stay behind. What carries is the feel: a warm cream ground the category never uses, panels
-that lift by turning white rather than by casting shadow, and one orange spark held in reserve.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in (Intercom ships no dark theme on the public web). The anchor surface
-is not white — it is a soft warm cream `background` (`#f5f1ec`), the brand's defining signal. Panels
-and cards lift **onto white** (`card`, `#ffffff`): the depth strategy is a surface change, not a shadow.
-Flat throughout — hierarchy comes from the cream-to-white ladder, warm hairline `border` (`#d3cec6`),
-and type weight, never heavy elevation. A single chromatic voltage, Fin Orange (`primary`, `#ff5600`),
-is held in reserve for the one action that matters; everything neutral is charcoal ink (`foreground`,
-`#111111`) on cream. Corners are modest — `radius` (8px) on buttons and inputs, a larger step on cards
-— never pill, never square. Density is `standard`: calm and editorial, not cramped.
-
-## 2 Color Roles
-
-Light values. One accent: Fin Orange is the only chromatic hue that carries meaning; the report
-palette lives in charts, status speaks only status.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` | cream `#f5f1ec` | the page canvas — warm, never pure white; the brand's defining surface |
-| `card` / `popover` | white `#ffffff` | cards, panels, overlays — they lift off the cream by turning white |
-| `foreground` | charcoal `#111111` | all primary ink, headlines, and neutral/secondary button labels |
-| `muted` | warm cream `#ebe7e1` | hover rows, subtle fills, quiet panel bands (surface-2) |
-| `muted-foreground` | ink-muted `#626260` | labels, captions, secondary text, inactive tabs |
-| `secondary` | warm cream `#ebe7e1` | secondary button fill — ink label on cream, 1px `border` |
-| `border` / `input` | warm hairline `#d3cec6` | every separator, grid line, and field edge — a soft warm gray, not an ink line |
-| `primary` | Fin Orange `#ff5600` | the single primary action per surface; active nav; the one reserved voltage |
-| `accent` | deep cream `#e6e0d6` | selected/hovered rows and nav — Intercom selects by a warm-neutral shift, not by colour |
-| `ring` | Fin Orange `#ff5600` | the focus outline — unmistakable, because keyboard-first |
-| `destructive` | error red `#c41c1c` | destructive actions and error state only |
-| `success` / `warning` | green `#0bdf50` / amber `#d97706` | status signalling only, never chrome |
-
-Charcoal is Intercom's marketing primary because a marketing page carries many CTAs; the operator
-reading has one primary action per surface, so it earns the reserved orange, and charcoal stays the
-neutral ink for secondary actions. Brand Blue (`#0007cb`) and the pure-black quote strip are marketing
-graces — they carry no operator role (see §7).
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is Saans — Intercom's proprietary geometric sans (Inter at weight 500
-the closest open substitute); the whole ramp rides it, display voice carried by size and modest weight,
-not a second family. The signature is restraint: `font-weight-strong` stops at **500** — Saans at 500
-reads confident without bold, and the brand never reaches past it. Negative tracking is the other
-signature, scaling with size (the corpus runs -0.5px at 28px). `font-mono` is SaansMono (JetBrains Mono
-the approximation) for IDs, codes, timestamps, and log lines; numeric columns render `tabular-nums`.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 20px / 1.3 | `font-weight-strong` · -0.015em |
-| h3 | card / group head | 16px / 1.35 | `font-weight-strong` · -0.01em |
-| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| eyebrow | section eyebrow | 13px / 1.3 | `font-weight-strong`, sentence case, no tracking |
-| code | IDs, logs, amounts | 13px / 1.5 | `font-weight-normal` |
-
-Body line-height relaxes to 1.5 — an editorial breath the category tightens away. Eyebrows are
-**sentence case**, never the all-caps tracked label the operator default reaches for. Bump weight to
-`font-weight-strong` (500) for emphasis; never bold. The 72px hero display stays behind.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled Fin Orange on `primary-foreground` (white), `radius` (8px), no pill.
-  Secondary: `secondary` warm-cream fill, 1px `border`, `foreground` ink label. Ghost: transparent,
-  `accent` on hover.
-- **Input** — `card` (white) fill, 1px `border` (`border-weight`), `radius`; focus draws the Fin Orange `ring` at 2px, no glow.
-- **Card** — `card` white surface lifting off the cream canvas, 1px `border`, a larger corner step from
-  the radius scale; shadow only when a true overlay floats (`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` (warm-neutral, not orange).
-- **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, hairline `border`, `muted`/status fill, sentence-case label; status badges
-  take `success` / `warning` / `destructive`, never `primary`.
-
-## 5 Layout
-
-Base spacing unit 8px; the on-scale ramp is `4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the marketing 96px
-section step stays behind). Shell dimensions map one-to-one to the layout primitives: sidebar
-`sidebar-width-expanded` (248px) / `sidebar-width-collapsed` (56px), topbar `topbar-height` (56px, the
-corpus nav height), side panel `side-panel-width` (420px) / `side-panel-width-rich` (640px), modal cap
-`modal-width-max`, forms `form-max-width`, tables full-width; card interior padding a calm 24px. Density
-is governed globally by `density-tier` and stepped per archetype by the surface catalog.
-
-## 6 Depth
-
-Flat, surface-change-first. Hierarchy comes from the cream-to-white ladder and warm hairlines, not
-shadow — Intercom resists drop shadows:
-
-- **0 — canvas** `background` cream (`#f5f1ec`), no border.
-- **1 — panel / card** `card` white lifting off the cream on a 1px `border`; the lift is the elevation.
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a single
-  faint `sm` shadow, over a scrim for modals. Rank is the white-on-cream shift, the border, and position.
-
-Focus is a 2px Fin Orange `ring` outline (never a glow), visible on every interactive element. Three
-z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** anchor on the warm cream canvas — pure white reads as ordinary SaaS; the cream is the brand.
-- **Do** lift panels and cards onto white (`card`) off the cream — the surface change is the depth.
-- **Do** reserve Fin Orange (`primary`) for the single most important action; everything else is
-  charcoal ink or status.
-- **Do** keep corners modest (`radius` 8px on buttons/inputs, the larger step on cards), write eyebrows
-  in sentence case, apply `tabular-nums` to numeric columns and `font-mono` to IDs/codes/timestamps.
-- **Don't** use pure white as the canvas, or add drop shadows to floating cards.
-- **Don't** spread Fin Orange — no orange section fills, no orange on secondary actions, no second
-  chromatic accent. The report palette stays in charts; status uses `success` / `warning` / `destructive`.
-- **Don't** bold — Saans stops at weight 500; emphasise by weight, never a heavier cut or a size jump.
-- **Don't** write all-caps tracked eyebrows, pill the primary CTA, or pull the 72px hero, the black
-  quote strip, or the product-mockup rhythm into operator chrome.
-
-## 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; card grids drop to 2-up |
-| 1024 | sidebar expands; two-pane queue+detail holds side by side; card grids 3-up |
-| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width; the cream breathing widens |
-
-## 9 Agent Prompt Guide
-
-Directives the emitting agent follows verbatim. This brand is calm and editorial; keep it restrained
-for operator work.
-
-- Reach for the warm cream canvas first — never pure white; the cream tint is Intercom.
-- Lift panels and cards by turning them white on the cream, not by casting a shadow.
-- Accent only the primary action in Fin Orange (`primary`). If two things want the accent, one is not
-  primary. Neutral and secondary actions are charcoal ink on cream.
-- Type stays Saans (Inter fallback) at weight 500 for emphasis and 400 for body — never bold. Eyebrows
-  are sentence case, never all-caps tracked; page titles carry negative tracking.
-- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`. Every workflow
-  completes from the keyboard; the Fin Orange `ring` focus outline is always visible.
-- Stay flat — the cream-to-white ladder and warm hairlines before shadow; reach for the one faint tier
-  only for a real overlay.
-- One accent. The report palette (`chart-*`) is for charts only; Brand Blue and the black quote strip
-  are not operator colors. Leave the hero, the product-mockup rhythm, and the 96px breathing behind.

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

@@ -1,156 +0,0 @@
----
-schema: design-md/v1
-product: Kraken
-provenance: library
-sourced: 2026-07-04
----
-
-# Kraken — the operator reading
-
-The operator reading of Kraken's brand — a clean, trustworthy crypto-exchange look built on a
-commanding purple. Kraken's own surfaces are marketing-editorial: a Kraken-Brand display face at
-hero scale (48/36/28px, weight 700, hard negative tracking) over a pure-white canvas. This entry
-keeps what survives at operator scale — the white canvas, the single commanding Kraken Purple
-accent, the cool near-black ink, the cool blue-gray neutral field, the firm 12px rounded-not-pill
-geometry, the whisper-level shadows, the negative-tracking type voice — and leaves the hero-scale
-display behind. Purple reads commanding in marketing; at operator scale it stays the one reserved
-accent.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in. Flat: hierarchy comes from cool hairline `border`, type weight, and
-color contrast — never decorative shadow (the brand's shadows are whisper-level). A single accent —
-Kraken Purple `primary` (`#7132f5`) — commands the one action that matters, active nav, and the inline
-brand link. Ink is a cool near-black `foreground` (`#101114`) on a pure-white `background` (`#ffffff`);
-the neutral field is a cool blue-gray ladder (`#686b82` → `#9497a9` → `#dedee5`) that reads
-engineered, not flatly warm. The geometry is firmly rounded — 12px controls, never a pill. Density is
-`standard`; the anchor surface is a white canvas beside a faintly cool `sidebar`.
-
-## 2 Color Roles
-
-Light values. One accent: `primary` is the only chromatic hue that carries brand meaning; the
-positive/negative trading hues speak status only.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `card` / `popover` | pure white `#ffffff` | page, cards, and overlays — the dominant surface, differentiated by hairline not brightness |
-| `foreground` | cool near-black `#101114` | all primary ink and headings |
-| `muted` | faint cool gray `#f2f2f5` | hover rows, subtle fills, quiet bands |
-| `secondary` | soft cool gray `#f6f6f8` | secondary button fill, one step off the canvas |
-| `muted-foreground` | cool gray `#686b82` | labels, captions, secondary running text (dims to silver-blue `#9497a9` for the quietest meta) |
-| `border` / `input` | cool hairline `#dedee5` | every separator, grid line, and field edge — the highest-frequency token |
-| `primary` | Kraken Purple `#7132f5` (dark `#5741d8`, deep `#5b1ecf`) | the one primary action; active nav; the inline brand link — reserved |
-| `accent` | purple wash `#ebe5fe` | selected/hovered rows and nav — a light wash of `primary`, on-accent surfaces only |
-| `ring` | `primary` purple | the focus outline — inputs focus to a 2px Kraken Purple edge |
-| `destructive` | sell/down red `#cf2e3f` | destructive actions, error state, and down-moves |
-| `success` | positive green `#149e61` | success status and up-moves (badge text darkens to `#026b3f`) |
-| `warning` | amber `#e08c0a` | caution status only — never a chrome fill |
-
-Kraken Purple has documented dark (`#5741d8`) and deep (`#5b1ecf`) variants for outlined edges and
-press states, and a 16%-alpha subtle fill — but it stays the single scarce accent (§7); the trading
-up/down hues live only in figures and status.
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is IBM Plex Sans — the corpus's own documented fallback for the
-proprietary Kraken-Brand/Kraken-Product pair; the single sans serves UI, body, headings, and labels,
-with heading weight and the negative tracking carrying the display voice. `font-mono` is IBM Plex Mono
-— the fintech number voice for asset prices, percent changes, IDs, and timestamps. Numeric columns
-render `tabular-nums` so figures align down a column.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 20px / 1.3 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 16px / 1.35 | `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.4 | `font-weight-strong`, uppercase |
-| number | table figures, prices | 14px / 1.4 · 500 | `font-mono`, `tabular-nums` |
-
-The corpus's signature — the Kraken-Brand display at 48/36/28px, weight 700, with `-1px` / `-0.5px`
-tracking — is a marketing hero and stays behind; at operator heading scale the weight steps to
-`font-weight-strong` (600) while the negative tracking carries.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled Kraken Purple on `primary-foreground`, `radius` (12px), no pill.
-  Outlined: `background` fill, 1px `primary`-dark `border`, `primary` text. Subtle: the 16% purple
-  wash (`accent`) with `primary` text. Secondary: `secondary` gray fill, `foreground`.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` at a
-  2px Kraken Purple edge, no glow.
-- **Card** — `card` surface on a 1px `border`, `radius`; shadow only when a card must lift off the
-  canvas, and then only the whisper tier.
-- **Table / asset row** — height `table-row-height`; `border` grid lines; `muted` on hover; selection
-  tints `accent`; price/amount cells take `font-mono` + `tabular-nums`; direction cells take `success`
-  (up) / `destructive` (down) as text color, never a fill.
-- **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 at low alpha, uppercase caption; status badges
-  take `success` / `warning` / `destructive`, never `primary` (corpus badges: success green on a 16%
-  wash, neutral gray on a 12% wash).
-
-## 5 Layout
-
-Base spacing unit 4px; the on-scale ramp is `4 · 8 · 12 · 16 · 20 · 24 · 32 · 48` (the corpus's odd
-marketing steps — 3/5/6/13/15/25 — stay behind). 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` and stepped per archetype by the
-surface catalog — never by absolute overrides; the layout reads clean and calm, not cramped.
-
-## 6 Depth
-
-Flat, hairline-first. Hierarchy comes from the surface ladder and cool hairlines, not shadow:
-
-- **0 — canvas** `background` (`#ffffff`), no border.
-- **1 — panel / card** `card` on a 1px `border`; rank reads by hairline and position, not brightness.
-  The whisper micro shadow (`rgba(16,24,40,0.04) 0 1px 4px`) lifts a card only when it must.
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the soft
-  subtle tier (`rgba(0,0,0,0.03) 0 4px 24px`); no level stacks a heavier shadow to signal rank.
-
-Focus is a 2px `ring` (Kraken Purple) outline, never a glow, on every interactive element; three
-z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** reserve `primary` (Kraken Purple) for the single most important action, active nav, and inline
-  brand links. Commanding on marketing, scarce on an operator surface.
-- **Do** keep controls at 12px `radius` — firmly rounded, never a pill; badges and chips may step down
-  to 6–8px.
-- **Do** carry every figure in `font-mono` with `tabular-nums`; direction rides `success` /
-  `destructive` as text color, never a fill.
-- **Don't** introduce a second brand accent, and never reach for a purple outside the defined scale
-  (`#7132f5` / `#5741d8` / `#5b1ecf`) — off-scale purples read off-brand.
-- **Don't** pill the primary CTA — 12px is the button ceiling; pill radius is for badges only.
-- **Don't** signal elevation with heavy or stacked drop shadows — the system has two whisper tiers and
-  nothing louder.
-
-## 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; asset rows stack ticker over price |
-| 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:
-
-- Anchor on the pure-white canvas; accent only the primary action, active nav, and inline links in
-  Kraken Purple. If two things want the purple, one is not primary.
-- Keep controls at 12px `radius` — firmly rounded, never a pill. Badges and chips step down to 6–8px.
-- Every numeric column is `tabular-nums` and every price / ID / timestamp is `font-mono`; direction and
-  status ride `success` / `destructive` as text color, never a fill.
-- Stay flat — cool hairline and the surface ladder before any shadow; reach past the two whisper tiers
-  only for a true overlay. Emphasise by weight, not size; carry the negative `heading-tracking` on
-  headings.
-- Leave the marketing skin behind: the Kraken-Brand hero display at 48/36/28px weight 700 stays behind.
-  What carries: the palette, its cool temperature, the single commanding purple, the firm 12px rounded
-  geometry, the whisper-shadow depth, and the tabular fintech number voice.