@nurix/etna 0.19.11 → 0.19.13

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

@@ -1,140 +0,0 @@
----
-schema: design-md/v1
-product: Notion
-provenance: library
-sourced: 2026-07-04
----
-
-# Notion — the warm-editorial operator design
-
-The operator reading of Notion's brand: a warm, paper-toned workspace where hierarchy is carried by
-hairlines and type weight, a single purple reserved for the one action that matters, and sober
-rectangular geometry — never pills. What carries is the temperament — warm-charcoal ink over
-off-white paper, beige hairline discipline, the 8px-button / 12px-card rhythm, one purple signal.
-What stays behind: the deep-navy marketing hero band, the pastel feature-card rainbow, the 80px
-display.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in. Flat: structure comes from a warm hairline `border`, type weight, and
-contrast — never heavy shadow. A single accent, Notion `primary` (signature purple), reserved for the
-one dominant action on a surface. The neutral ramp is Notion's defining trait — it leans *warm*, not
-cool-slate: warm-charcoal ink, faint paper off-white surfaces, beige-tinted hairlines, so the UI reads
-editorial and calm rather than clinical. The anchor surface is a white content canvas beside a warm
-off-white `sidebar`. Geometry is sober-rectangular — 8px buttons, 12px cards, pills for status badges
-only. Density is `standard`: comfortable, dense-capable in tables, never cramped.
-
-## 2 Color Roles
-
-Light values first. One accent — `primary` purple is the only chromatic hue that carries an action;
-inline links stay a distinct blue; status hues speak only status; the pastel rainbow does not enter
-operator chrome.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `card` / `popover` | canvas white `#ffffff` | page, cards, and overlays — the dominant surface |
-| `foreground` | warm charcoal `#37352f` | all primary ink (Notion's signature product text color) |
-| `muted` / `secondary` | paper off-white `#f6f5f4` | hover rows, subtle fills, secondary buttons |
-| `muted-foreground` | warm slate `#5d5b54` | labels, captions, secondary text |
-| `border` | warm hairline `#e5e3df` | every separator, grid line, and card edge |
-| `input` | stronger hairline `#c8c4be` | field edges — one step darker than `border`, so inputs read as targets |
-| `primary` | Notion purple `#5645d4` | the one primary action; active nav; key interactive detail |
-| `accent` | lavender tint `#e6e0f5` | selected/hovered rows and nav — the purple's soft cousin |
-| `accent-foreground` | deep purple `#391c57` | text and icons on `accent` fills |
-| `ring` | `primary` | the focus outline — unmistakable, because keyboard-first |
-| `destructive` | red `#e03131` | destructive actions and error state only |
-| `success` / `warning` | green `#1aae39` / orange `#dd5b00` | status signalling only, never chrome |
-
-Inline text links use link-blue `#0075de`, kept distinct from `primary` purple (a Notion rule: links and
-CTAs never share a hue). The pastel feature tints and the navy hero are brand graces — no operator role (§7).
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is Inter — Notion Sans is an Inter-based proprietary variable face, so the
-operator wears its documented fallback; body, UI, and headings all ride it, with weight and tracking (not
-a second family) carrying the display voice. `font-mono` serves IDs, codes, timestamps, and log lines.
-Numeric columns render `tabular-nums` so figures align down a column (floor f04).
-
-| 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.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 | uppercase eyebrow | 11px / 1.4 | `font-weight-strong`, `+0.09em`, uppercase |
-
-Notion's generous body leading (1.5) survives for readability; headings track negative, matching Notion's
-tight display letter-spacing. Bump weight one step for emphasis — never change size to emphasize.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled `primary` on `primary-foreground`, `radius` (8px rectangle), no pill.
-  Secondary: `background` fill, 1px `input` border, `foreground`. Ghost: transparent, `accent` on hover.
-- **Input** — `background` fill, 1px `input` border (`border-weight`), `radius`; focus draws the `ring` at
-  full 2px, no glow.
-- **Card** — `card` surface, 1px `border`, `radius` (12px), shadow only when lifted (`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` (lavender).
-- **Side panel** — detail and edit open beside the work (`side-panel-width` / `side-panel-width-rich`),
-  not over it (floor f03).
-- **Badge** — status badges take the pill radius (`9999`) with `success` / `warning` / `destructive`
-  fills; a feature tag chip is a soft `radius`-4 rectangle in `accent` on `accent-foreground`.
-
-## 5 Layout
-
-Base spacing unit 4px (Tailwind `--spacing` 0.25rem); the on-scale ramp is `4 · 8 · 12 · 16 · 20 · 24 ·
-32 · 40 · 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` and stepped per archetype by the surface catalog — never by absolute overrides.
-
-## 6 Depth
-
-Flat. Hierarchy comes from the warm surface ladder and hairlines, not shadow:
-
-- **0 — canvas** `background`, no border.
-- **1 — panel / card** `card` on a 1px `border`; a soft low-alpha `sm` shadow only when a tile must lift.
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
-  shadow (Notion's shadows are near-black at very low alpha, diffuse, never harsh). Rank is border and
-  position, never a heavier shadow.
-
-Focus is a 2px `ring` outline in `primary` (never a glow), visible on every interactive element (floor
-P6). Three z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** reserve `primary` purple for the single most important action; everything else is neutral or status.
-- **Do** keep the neutrals warm — charcoal ink, paper off-white fills, beige hairlines. Cool slate reads as a different product.
-- **Do** carry hierarchy with hairlines, weight, and whitespace — Notion is predominantly flat.
-- **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, and timestamps.
-- **Don't** pill the primary CTA — Notion buttons are 8px rectangles; pills are for status badges only.
-- **Don't** promote a second chromatic accent. The pastel rainbow stays marketing-decorative; status uses `success` / `warning` / `destructive`, selection uses `accent`.
-- **Don't** color inline links purple — links are link-blue, distinct from the `primary` CTA hue.
-- **Don't** signal elevation with heavy drop shadows or reach for the navy hero band as a surface.
-
-## 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 list+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:
-
-- Lead every list surface with its table; lead every entity with its primary read, not its chrome.
-- Keep the neutral ramp warm — charcoal ink on paper off-white, beige hairlines. Do not cool it to slate.
-- Accent only the primary action with purple. Inline links are link-blue; the two hues never merge.
-- Selection and hover tint `accent` (lavender); the pastel rainbow and the navy hero stay behind.
-- Sober rectangles: 8px buttons, 12px cards. Pills are for status badges only — never the CTA.
-- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono` (f04).
-- Every workflow completes from the keyboard, `ring` focus always visible (f06); stay flat — hairline and weight before shadow, reaching past a hairline only for a real overlay.

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

@@ -1,141 +0,0 @@
----
-schema: design-md/v1
-product: NVIDIA
-provenance: library
-sourced: 2026-07-04
----
-
-# NVIDIA — the operator reading
-
-The operator reading of NVIDIA's marketing system: an engineering-grade look reduced to four colors
-— black, white, gray, and one violently saturated green — on an aggressively angular 2px grid.
-NVIDIA's own surfaces alternate deep-black hero/footer chapters with paper-white body content under
-hero-scale display type. This entry keeps what survives at operator scale: the strict single-green
-accent, the pure black/white/gray palette, the 2px radius, the weight-not-size type hierarchy, and
-flat hairline depth. The 48px display, dark hero chapters, corner squares, and editorial purple/blue
-washes stay behind. Unmistakably NVIDIA — stark, technical, one-color.
-
-## 1 Visual Theme
-
-Light by default: a paper-white content canvas, ink-black type, a hairline gray grid. The black brand
-frame is opt-in *structure*, not a dark theme — NVIDIA's chrome is pure black, so an operator shell
-wears a black `sidebar` around the white canvas. Flat by conviction: hierarchy comes from hairline
-`border`, pure-black ink, and 700-weight type — never shadow. A single accent, NVIDIA Green `primary`
-(`#76b900`), carries the one action and the active state; black text sits on the green fill, never
-white. The neutral ramp is true grayscale — no temperature tilt. Aggressively angular (`radius` 2px
-everywhere); density is `dense` — this reads like engineering documentation, not consumer software.
-
-## 2 Color Roles
-
-Light values (hex — the corpus's native format). One accent: `primary` green is the only chromatic hue
-that carries brand meaning; status hues speak only status, and the editorial purples and pales are
-marketing graces with no role here (see §7).
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `card` / `popover` | white `#ffffff` | page, cards, and overlays — the dominant body surface |
-| `foreground` | pure black `#000000` | all primary ink and headlines — NVIDIA's stark ink is the identity |
-| `muted` / `secondary` | soft surface `#f7f7f7` | hover rows, subtle fills, secondary buttons |
-| `muted-foreground` | gray `#757575` | labels, captions, metadata, breadcrumbs |
-| `border` / `input` | hairline `#cccccc` | every separator, grid line, and field edge — the highest-frequency token |
-| `primary` / `primary-foreground` | NVIDIA Green `#76b900` / black `#000000` | the one primary action, active nav, focus ring — black on green, never white |
-| `accent` / `accent-foreground` | pale green wash `#eef7d6` / black `#000000` | selected/hovered rows and nav — the operator translation of the green accent |
-| `ring` | `primary` green | the focus outline — the brand's only focus signal, unmistakable |
-| `destructive` | red `#e52020` | destructive actions and error state only |
-| `success` / `warning` | deep green `#3f8500` / orange `#df6500` | status only — `success` kept off the saturated brand green so status ≠ accent |
-
-Link-blue `#0046a4` is inline-prose links only (see §7); the editorial purple survives only as a chart hue.
-
-## 3 Typography
-
-One sans, no second display family — NVIDIA builds its entire hierarchy from two weights (400 and 700)
-and size, never a second face and never color. `font-sans` is Inter (the corpus-named substitute for
-the proprietary NVIDIA-EMEA cut; Arial the documented fallback) — UI, body, and headings all ride it.
-`font-mono` is derived: the corpus ships no monospace, but operator IDs, codes, and log lines need one.
-Numeric columns render `tabular-nums`; tracking is 0 across every step — NVIDIA does not tighten headings.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.25 | `font-weight-strong` (700) · `heading-tracking` (0) |
-| h2 | section head | 20px / 1.25 | `font-weight-strong` · 0 |
-| h3 | card / group head | 17px / 1.47 | `font-weight-strong` · 0 |
-| body | UI + prose | 16px / 1.5 | `font-weight-normal` (400) |
-| small | labels, meta, dense table | 15px / 1.4 | `font-weight-normal` |
-| caption | uppercase eyebrow | 14px / 1.43 | `font-weight-strong`, uppercase |
-| code | IDs, logs, amounts | 15px / 1.5 | `font-mono`, `font-weight-normal` |
-
-Emphasize by jumping straight to 700 — no intermediate weight; the 48px/36px hero display stays behind.
-
-## 4 Component Stylings
-
-- **Button** — `primary`: filled green on black `primary-foreground`, `radius` (2px), no pill. Secondary
-  (the NVIDIA outline): transparent with a 2px `primary` (green) border, `foreground` text. Ghost:
-  transparent, `accent` on hover.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus swaps the edge to a 2px
-  `ring` (green) border — the only focus signal in the system, no glow.
-- **Card** — `card` surface on a 1px `border`, `radius`, no shadow; separation is the hairline, not elevation.
-- **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** — `secondary` fill, hairline `border`, uppercase caption; status badges take `success` /
-  `warning` / `destructive`, never `primary`.
-
-## 5 Layout
-
-Base spacing unit 4px (Tailwind `--spacing`); the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 ·
-64`, and NVIDIA's native 8px rhythm governs section gaps (64px between major blocks). Shell dimensions
-map one-to-one to the layout primitives: black sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`,
-topbar `topbar-height` (56px, the brand's sub-nav strip 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` (`dense`) and stepped per archetype — never by absolute overrides.
-
-## 6 Depth
-
-Flat — NVIDIA's cards do not lift; they are rectangles with hairline borders. Hierarchy is the surface
-ladder and hairlines, not shadow:
-
-- **0 — canvas** `background`, no border.
-- **1 — panel / card** `card` on a 1px `border` (`#cccccc`); no shadow.
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a single soft
-  `sm` shadow (the brand's lone 5px ambient). Rank is border and position, never a heavier shadow.
-
-On the black `sidebar`, dividers use the stronger hairline `#5e5e5e`. Focus is a 2px green `ring` outline
-(never a glow) on every interactive element; three z-levels (content, sticky chrome, overlay).
-
-## 7 Do's & Don'ts
-
-- **Do** reserve `primary` green for the single most important action and the active state — treat it as
-  a precious resource; keep black `primary-foreground` on the fill (black-on-green is the signature).
-- **Do** carry hierarchy with weight (jump to 700) and hairlines, hold `radius` at 2px on every
-  interactive element, and frame the white canvas in the black `sidebar` — the black chrome is NVIDIA's identity.
-- **Don't** promote a second chromatic accent — the editorial purple, link-blue, and pale washes are
-  marketing graces; status uses `success` / `warning` / `destructive`, and `success` is deep green
-  `#3f8500`, not the saturated brand green. Link-blue is inline-prose only, never chrome or a button.
-- **Don't** pill the CTA or reach past 2px radius (avatars excepted); don't tint operator chrome with the
-  saturated brand green — selection uses the pale-green `accent`.
-- **Don't** signal elevation with drop shadows, or reach for the marketing corner squares, hero-scale
-  display type, or dark hero chapters in an operator surface.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | black sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; dense grids scroll horizontally; 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
-
-- One accent, always green. `primary` marks THE action and the active state — black on green, never
-  white. If two things want the green, one of them is not primary.
-- Frame the app in NVIDIA's black chrome: a black `sidebar` around a white content canvas, active nav in green.
-- Build type hierarchy from weight (400 vs 700) and size — never a second family, never color; tracking 0.
-- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`. Hold `radius` at 2px everywhere; no pills.
-- Success status is deep green `#3f8500`, not the brand green; stay flat — hairline and weight before shadow.
-- Leave behind the marketing skin: 48px display headlines, dark full-bleed hero chapters, decorative
-  corner squares, and the editorial purple/blue/pale accents. What carries: the black/white/gray/green
-  palette, the neutral temperature, the 2px angular radius, the weight-not-size voice, and flat depth.

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

@@ -1,145 +0,0 @@
----
-schema: design-md/v1
-product: Ollama
-provenance: library
-sourced: 2026-07-04
----
-
-# Ollama — the monochrome documentation operator
-
-An operator reading of Ollama's defiantly minimal brand: paper-white canvas end to end, hairline
-borders instead of shadow, and a single accent that is pure black itself. Ollama's marketing surface
-reads like a Markdown README — one continuous white sheet, a rounded display face, a black pill CTA,
-an inline `curl` snippet as the hero. An operator surface keeps the palette, the flatness, the
-rounded type voice, and the airy rhythm; it leaves behind the hero-scale display type, the full-pill
-CTA on every action, and the marketing whitespace at 88px.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in. Aggressively flat — hierarchy is carried by 1px hairline `border`,
-type weight, and pure-black contrast, never by shadow (the brand has no drop-shadow elevation at all).
-The system is monochrome: `primary` is pure black `#000000`, the only chromatic hue that carries
-meaning. Status hues speak only status. The single non-neutral note is the focus `ring` — a functional
-blue, the brand's one deliberate exception, not a second accent. The type voice is rounded and
-approachable (a Nunito-class geometric sans), the radius character soft. The anchor surface is a
-continuous white canvas beside a faint off-white `sidebar`. Density is `spacious` — whitespace is the
-brand's whole layout — and steps denser per surface archetype.
-
-## 2 Color Roles
-
-Values are the brand's own. One accent — black — carries interaction; status hues signal only
-status.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `card` / `popover` | white `#ffffff` | page, cards, and overlays — one continuous sheet, no surface alternation |
-| `foreground` | pure black `#000000` | headings, key data, primary ink — the brand commits to true black |
-| `muted` / `secondary` | soft off-white `#fafafa` | hover rows, subtle fills, secondary buttons |
-| `muted-foreground` | neutral gray `#737373` | body prose, labels, captions, secondary text |
-| `border` / `input` | hairline `#e5e5e5` | every separator, grid line, and field edge |
-| `primary` | pure black `#000000` | the one primary action; active nav; solid icons |
-| `accent` | pale gray `#f5f5f5` | selected/hovered rows and nav — a step past `muted` so selection reads distinct |
-| `ring` | focus blue `#3b82f6` | the focus outline only — the brand's single functional non-monochrome element |
-| `destructive` | red `#c92a2a` | destructive actions and error state only |
-| `success` / `warning` | green `#1a7f37` / amber `#b45309` | status signalling only, never chrome |
-
-The dark surface `#171717` is the brand's one inverted "look here" device — earn it once per view, never
-twice. Terminal traffic-light hues stay inside mono/terminal ornament; they carry no operator role.
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is a Nunito-class rounded geometric sans — the corpus's named substitute
-for the brand's SF Pro Rounded, and the one thing that makes the UI read as Ollama; headings and body
-share it. `font-mono` is JetBrains Mono for IDs, codes, timestamps, log lines, and install snippets.
-Numeric columns render `tabular-nums` so figures align down a column.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 30px / 1.2 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 24px / 1.33 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 18px / 1.4 | `font-weight-strong` · `heading-tracking` |
-| body | UI + prose | 14px / 1.45 | `font-weight-normal` |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| caption | eyebrow, footer meta | 12px / 1.33 | `font-weight-normal` |
-
-The brand tracks every step at 0 — the rounded face needs no tightening. Bump weight one step for
-emphasis; never change size to emphasize.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled black `primary` on `primary-foreground`, `radius` (soft, not a pill).
-  Secondary: `secondary` fill, 1px `border`, `foreground`. Ghost: transparent, `accent` on hover.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the blue `ring`
-  at full 2px, no glow.
-- **Card** — `card` surface, 1px `border`, `radius`, no shadow on the canvas (`shadow-intensity` lifts
-  only true overlays); inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `accent` on
-  selection; `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 / chip** — hairline `border` with `muted` or status fill, and may keep the brand's full pill
-  radius (a monochrome nod); status badges take `success` / `warning` / `destructive`, never `primary`.
-
-## 5 Layout
-
-Framework base unit 4px (Tailwind `--spacing` 0.25rem); the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 ·
-32 · 48 · 64 · 88`, where 88px is the brand's signature section rhythm (used between major blocks, not
-between rows). 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 `spacious` globally (rewriting the spacing scale through `density-gap`) and stepped per archetype by
-the surface catalog — never by absolute overrides.
-
-## 6 Depth
-
-Flat. Hierarchy comes from the surface ladder, hairlines, and the one inverted dark surface — not shadow:
-
-- **0 — canvas** `background`, no border.
-- **1 — panel / card** `card` on a 1px `border`; no shadow on the canvas.
-- **2 — overlay** `popover` / side panel / modal — the only place `shadow-intensity` earns a whisper of
-  `sm`/`md` shadow to separate the overlay from the sheet beneath.
-
-The dark surface `#171717` is the brand's single non-shadow emphasis device — a dark banner or spotlight
-panel, used once per view to draw the eye. Focus is a 2px blue `ring` outline (never a glow), visible on
-every interactive element. Three z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** stay monochrome: black `primary` on white, gray text, hairline borders. That is the identity.
-- **Do** reserve black for the single most important action on a surface; keep it scarce per view.
-- **Do** carry hierarchy with hairlines, weight, and whitespace — never shadow.
-- **Do** keep the rounded sans voice; it is the brand's only "personality," and it must survive.
-- **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, and timestamps.
-- **Don't** introduce a second chromatic accent, a gradient, or an atmospheric background — status hues
-  are the only color besides the black accent and the functional blue ring.
-- **Don't** full-pill every button; the marketing pill relaxes to the soft `radius` for dense scanning
-  (pills stay available for chips and a singular hero action only).
-- **Don't** lift cards with shadow; use a hairline `border` or the one inverted dark surface.
-- **Don't** swap in a second display font — one rounded sans carries headings and body alike.
-
-## 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; section air tightens |
-| 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:
-
-- Lead every list surface with its table; lead every entity with its primary read, not its chrome.
-- Stay monochrome — black is the accent. If something wants color, it is either status or nothing.
-- One black action per surface. If two things want black, one of them is not primary.
-- Flat before shadow: hairline `border` and the surface ladder carry rank; reach for shadow only for a
-  real overlay. The one dark surface is the single emphasis device — use it once.
-- Keep the rounded sans voice; it is what makes the UI read as Ollama, not a generic gray admin.
-- Every numeric column is `tabular-nums`; every ID / code / timestamp / log line is `font-mono`.
-- The focus `ring` is the blue — the brand's one functional non-monochrome element; keep it visible.
-- Detail and edit go in the side panel; a modal is a confirmation, not a workspace.

package/data/harnesses/code/skills/design/data/design-md/library/opencode-ai.md

@@ -1,142 +0,0 @@
----
-schema: design-md/v1
-product: OpenCode
-provenance: library
-sourced: 2026-07-04
----
-
-# OpenCode — the terminal-native monospace operator design
-
-OpenCode's marketing site is a manpage rendered at modern resolution: every word sits in one monospaced
-face on a warm cream canvas, ASCII `[+]`/`[-]` markers stand in for icons, and a single dark card mocks
-up the OpenCode TUI. This entry is the *operator* reading of that brand — an internal tool (agent-ops
-console, run queue, log stream, dashboard) in OpenCode's language. What carries: the warm cream canvas
-(never pure white), near-black ink, the monospace-everywhere type voice, the sharp-container /
-4px-interactive radius character, the single reserved Apple-Blue accent, and categorically-flat hairline
-depth. What stays behind: the full-bleed dark hero TUI mockup, the 38px display headline, the 96px
-section rhythm, the block-pixel ASCII wordmark, and the bracket markers used as bullets.
-
-**Monochrome chrome, one held accent.** The chrome is ink-on-cream monochrome; the primary action is
-a near-black ink button, not a colored one (the Vercel/Geist dialect), and Apple Blue (`#007aff`) is
-the one chromatic accent — reserved, as the source reserves it, for interactive and data signal
-only. It reads *light*, so the light-default floor holds.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in. The whole UI floats on OpenCode's warm cream `background` (`#fdfcfc`)
-— a faintly-blushed off-white, never the cool gray the category defaults to. Emphatically flat:
-hierarchy is carried by hairline `border`, type weight, and the near-black/cream contrast — never a drop
-shadow (the source has none; nothing lifts, nothing floats). The type voice is the identity: one
-monospaced face carries every role (Berkeley Mono in the source, proprietary; JetBrains Mono the shipped
-substitute) — no sans anywhere. The primary action is a near-black ink button; Apple Blue is the single
-chromatic accent, held scarce. Density is `dense` — the surface reads like a terminal. The anchor
-surface is a cream canvas seated beside a barely-warmer `sidebar`, separated by a hairline, not a band.
-
-## 2 Color Roles
-
-Light values. One chromatic accent — Apple Blue is the only hue that carries interactive meaning;
-the primary action is neutral ink; status speaks status.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `card` / `popover` | warm cream `#fdfcfc` | page, cards, and overlays — one warm off-white, no surface bands |
-| `foreground` | near-black ink `#201d1d` | all primary ink; the primary button fill |
-| `muted` / `secondary` | soft warm `#f8f7f7` | hover rows, subtle fills, secondary-button fill |
-| `muted-foreground` | warm gray `#646262` | labels, captions, secondary text |
-| `border` / `input` | warm hairline `#e0dddd` | every separator, grid line, field edge (solid form of the source's `rgba(15,0,0,0.12)`) |
-| `primary` | near-black ink `#201d1d` | the one primary action — a dark button, never blue |
-| `accent` | warm selection `#f1eeee` | selected / hovered rows and nav — a warm step, never blue |
-| `ring` | `primary` ink `#201d1d` | the focus outline — an ink border, no glow (keyboard-first) |
-| Apple Blue (the accent hue) | `#007aff` | interactive: active-nav, links, selected emphasis, `chart-1` — held scarce |
-| `destructive` | Apple red `#ff3b30` | destructive actions and error state only |
-| `success` / `warning` | Apple green `#30d158` / amber `#ff9f0a` | status signalling only, never chrome |
-
-The Apple HIG semantic ramp is the brand's own; in the source it lives in the in-product TUI, and the operator surface *is* that context.
-
-## 3 Typography
-
-There is no sans/mono split — `font-sans` and `font-mono` are the same monospaced family (JetBrains
-Mono, the corpus's substitute for the proprietary Berkeley Mono). One face carries body, headings,
-labels, IDs, and every numeric column; numerals align natively (monospace figures are already tabular),
-so `tabular-nums` is inherent. Weights are 400 / 500 / 700, and — the defining detail — tracking is `0`
-on every role: monospace does not track. The 38px display headline stays behind; a page title tops at 24px.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.4 | `font-weight-strong` (700) · `heading-tracking` (0) |
-| h2 | section head | 18px / 1.4 | `font-weight-strong` (700) · 0 |
-| h3 | card / group head | 16px / 1.4 | `font-weight-strong` (700) · 0 |
-| body | UI + prose | 14px / 1.5 | `font-weight-normal` (400) |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| caption | footer, badge, eyebrow | 12px / 1.4 | 500 (medium) |
-| code | IDs, logs, amounts | 13px / 1.5 | `font-weight-normal` |
-
-Emphasise by stepping weight 400 → 500 → 700; never by tracking, and never by swapping the face — there
-is no other face.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — primary: filled ink `primary` on cream `primary-foreground`, `radius` (4px), never a pill. Secondary: `secondary` fill, 1px `border`, `foreground`. Ghost: transparent, `accent` on hover.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius` (4px); focus draws the ink `ring` at 2px — a flat border, no glow.
-- **Card** — `card` surface on a 1px `border`, **sharp corners** (containers are 0px); the hairline carries the lift, never a shadow; inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; numerics align natively in the mono face; selection tints `accent`, active rows mark with the blue 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** — 4px `radius`, `muted` / status fill, uppercase caption; status badges take `success` / `warning` / `destructive`, never `primary`.
-
-## 5 Layout
-
-Base spacing unit 8px with fine 1 / 4px steps (the source's own base); the on-scale ramp is `1 · 4 · 8 ·
-12 · 16 · 24 · 32 · 48` — the marketing 96px section rhythm stays behind. Shell dimensions map to the
-layout primitives: sidebar `sidebar-width-expanded` (248px) / `sidebar-width-collapsed` (56px), topbar
-`topbar-height` (56px, the source's nav height), side panel `side-panel-width` (420px) /
-`side-panel-width-rich` (640px), modal `modal-width-max`, forms `form-max-width`, tables full-width. The
-grid runs tight — a terminal-native brand earns its density, governed globally by `density-tier`
-(`dense`) and stepped per archetype by the surface catalog.
-
-## 6 Depth
-
-Categorically flat — the source has no drop shadows; hierarchy comes from hairlines, the surface ladder,
-and one color inversion:
-
-- **0 — canvas** `background`, no border.
-- **1 — panel / card** `card` on a 1px `border`, sharp corners; the hairline alone carries the lift. Selected / hover rows warm to `accent`.
-- **2 — overlay** `popover` / side panel / modal — a strong hairline and position carry rank; `shadow-intensity` earns only the faintest whisper to float a true overlay off the cream.
-- **inlay — terminal / log / console** dark `#201d1d` with cream `on-dark` text, `#302c2c` elevated rows, and the mono face — the source's single dark moment (the hero TUI mockup) carried as the console inlay.
-
-Focus is a 2px ink `ring` outline (never a glow), visible on every interactive element; three z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** anchor every surface on the warm cream canvas — pure white reads as any-other-tool; the faint blush is OpenCode.
-- **Do** render every role in the one monospaced face — body, headings, labels, and numerics alike; the single-face decision is the entire identity.
-- **Do** keep the primary action a near-black ink button, and keep Apple Blue scarce — interactive, active-nav, links, and chart series only.
-- **Do** keep containers sharp (0px) and interactive elements at 4px; that two-value split is the radius vocabulary.
-- **Don't** introduce a sans-serif or a display face — there is one face, and it is monospaced.
-- **Don't** fill the primary button blue, promote a second chromatic accent, or signal elevation with drop shadows.
-- **Don't** open detail or edit in a modal when the side panel fits — a modal is a confirmation.
-
-## 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 |
-
-Terminal, log, and console inlays keep mono legibility at every breakpoint by scrolling horizontally, never wrapping.
-
-## 9 Agent Prompt Guide
-
-Directives the emitting agent follows verbatim:
-
-- Reach for the warm cream canvas first — never pure white; the faint blush is the brand. Cards are the same cream, seated by a hairline.
-- Render every text role in the one monospaced face (JetBrains Mono) — there is no sans. Numerics align natively; no `tabular-nums` toggle is needed.
-- Keep the primary action an ink button. Spend Apple Blue only on interactive and data signal: active-nav, links, selected emphasis, chart series. If two things want the blue, one is not primary.
-- Keep containers sharp (0px) and interactive elements at 4px — that split is the brand's whole geometry.
-- Depth is hairline, surface, and position — never shadow. Dress terminal, log, and console panels in the dark inlay (`#201d1d`, mono, cream text) — real console chrome, not a light mockup of it.
-- Keyboard-first: the ink `ring` focus outline is always visible. Leave behind the dark hero TUI mockup, the 38px display, the 96px rhythm, the ASCII wordmark, and the bracket bullets — use real lucide icons.