@nurix/etna 0.18.19 → 0.18.21

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

@@ -0,0 +1,155 @@
+---
+schema: design-md/v1
+product: MongoDB
+provenance: library
+sourced: 2026-07-04
+---
+
+# MongoDB — the operator reading
+
+MongoDB ships a dual-mode marketing identity — deep navy-teal hero bands carrying the bright MongoDB
+green (`#00ed64`) pill CTA over stark white documentation. This is the *operator* reading: the
+palette temperature, type voice, and rounder radius carry; the dark hero bands, 72px display type,
+and pill-on-everything stay behind. An internal tool wearing MongoDB reads as a light, comfortable,
+engineered console — white canvas, deep navy-teal ink, one bright green accent, the category palette
+pressed into chart duty.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in. Nearly flat: hierarchy is carried by hairline `border`, type weight,
+and the cool surface ladder — soft, navy-tinted shadow lifts only true overlays. A single accent,
+MongoDB green (`primary`), reserved for the one action that matters; its ink is deep navy
+(`primary-foreground`), never white — the green is bright enough to demand a dark label. The neutral
+ramp is a cool navy-teal slate (ink `#001e2b`) over faintly cool-green surfaces, so the UI reads
+engineered and database-native. The anchor surface is a white canvas beside a faintly cool `sidebar`
+(`#f9fbfa`); corners are rounder than a terminal — 8px default, 12px cards — and the single primary
+action keeps MongoDB's signature pill. Density is `standard` and comfortable (44px controls).
+
+## 2 Color Roles
+
+Light values first. One accent — `primary` is the only chromatic hue that carries meaning; the
+category palette (purple, orange, pink, blue) survives only as chart encoding, never as chrome.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` / `popover` | white `#ffffff` (canvas) | page, cards, and overlays — the dominant surface |
+| `foreground` | deep navy-teal `#001e2b` (ink) | all primary ink |
+| `muted` / `secondary` | cool-green tint `#f4f7f6` (surface-soft) | hover rows, subtle fills, secondary buttons |
+| `muted-foreground` | steel `#5c6c7a` | labels, captions, secondary text |
+| `border` | hairline `#e1e5e8` | every separator, grid line, and card edge |
+| `input` | stronger hairline `#c1ccd6` | field edges — MongoDB draws inputs on the firmer hairline |
+| `primary` | bright MongoDB green `#00ed64` | the one primary action; active nav; key interactive detail |
+| `primary-foreground` | deep navy `#001e2b` (on-primary) | label on green — dark, never white |
+| `accent` | pale mint `#e3fcef` (surface-feature) | selected/hovered rows and nav, on-accent surfaces only |
+| `accent-foreground` | deep green `#00684a` (brand-green-dark) | text and icon on the mint tint |
+| `ring` | deep green `#00684a` | the focus outline — MongoDB draws focus in brand-green-dark, 2px |
+| `destructive` | red `#d92d20` | destructive actions and error state only |
+| `success` / `warning` | mid green `#00a35c` / amber `#946f3f` | status signalling only, never chrome |
+
+The category accents — purple `#7b3ff2`, orange `#fa6e39`, pink `#f06bb8`, blue `#3d4f9f` — are brand
+graces for data encoding: they carry no chrome role here (see §7), only `chart-*`.
+
+## 3 Typography
+
+One sans, one mono. `font-sans` is Euclid Circular A — MongoDB's geometric display face; UI, body, and
+headings all ride it, and heading weight, not a second family, carries the voice. `font-mono` is Source
+Code Pro for IDs, codes, timestamps, log lines; numeric columns render `tabular-nums`. MongoDB's
+display ramp (72–36px, weight 500, negative tracking) is marketing-scale and stays behind; the operator
+ramp keeps the tightened, geometric character at console sizes.
+
+| 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`, `+1px`, uppercase |
+
+MongoDB reserves weight 600 for buttons and emphasis; that becomes the operator strong weight. 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` (dark label on bright green), pilled
+  (`9999` — the one brand carry, §7). Secondary: transparent, `input` border, `foreground`, standard
+  `radius`. Ghost: transparent, `accent` on hover.
+- **Input** — `background` fill, 1px `input` border (`border-weight`), standard `radius`; focus draws
+  the `ring` at 2px (brand-green-dark), no glow.
+- **Card** — `card` surface, 1px `border`, 12px corner (the `lg` step); 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; selection tints `accent` (pale mint).
+- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`),
+  beside the work, not over it.
+- **Badge** — hairline `border`, `muted`/status fill, uppercase caption, 6px corner; status badges take
+  `success` / `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 64`
+(MongoDB's 20 and 40 steps survive the marketing trim). Shell dimensions map one-to-one to the layout
+primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height` (56px,
+honoring MongoDB's breathier chrome), side panel `side-panel-width` / `side-panel-width-rich`, modal cap
+`modal-width-max`, forms `form-max-width`, tables full-width. Controls sit at MongoDB's comfortable 44px
+(`table-row-height`). Density is governed globally by `density-tier` and stepped per archetype by the
+surface catalog — never by absolute overrides.
+
+## 6 Depth
+
+Nearly flat. Hierarchy comes from the surface ladder and hairlines; shadow is soft and navy-tinted
+(`rgba(0,30,43,·)`, MongoDB's own elevation color), reserved for lift:
+
+- **0 — canvas** `background`, no border.
+- **1 — panel / card** `card` on a 1px `border`; a whisper of shadow only when it must lift off canvas.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
+  shadow. Rank is border and position, never a heavier stack.
+
+Focus is a 2px `ring` outline in brand-green-dark (never a glow) on every interactive element. Three
+z-levels: content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** reserve `primary` (MongoDB green) for the single most important action; keep its dark navy
+  label (`primary-foreground`) — bright green never carries white text.
+- **Do** carry hierarchy with hairlines, weight, and the cool surface ladder — the brand is near-flat.
+- **Do** apply `tabular-nums` to every numeric column and Source Code Pro to IDs, codes, and timestamps.
+- **Do** pill the single primary action — MongoDB's signature; the one place `9999` is allowed.
+- **Don't** pill anything else; secondary, ghost, inputs, cards, and badges take the standard scale.
+- **Don't** promote a second chromatic accent. The category colors (purple, orange, pink, blue) are
+  chart encoding only — a purple "info" chip or orange "warning" reads as marketing.
+- **Don't** reach for a dark navy-teal hero band or 72px display type — those are marketing surfaces.
+- **Don't** open detail or edit in a modal when the side panel fits, and don't signal elevation with
+  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
+
+This entry lets an internal tool — a cluster console, a query dashboard, a fleet CRM — be synthesized
+in MongoDB's language. What carries and what stays behind:
+
+- **Carries:** the bright green single accent (dark navy label on it); deep navy-teal ink over cool
+  green-tinted surfaces; the pale-mint selection tint; Euclid Circular A as the type voice; Source Code
+  Pro for IDs and log lines; the rounder 8/12px radius; MongoDB's category palette as the `chart-*` set.
+- **Stays behind:** dark navy-teal hero bands, 72px display type, category colors as chrome, the pill on
+  every button.
+- Lead every list with its table; lead every entity with its primary read, not its chrome.
+- Accent only the primary action, and pill only that one action. If two things want the green, one is
+  not primary.
+- Every numeric column is `tabular-nums`; every ID / code / timestamp is Source Code Pro.
+- Detail and edit go in the side panel; a modal is a confirmation. Every workflow completes from the
+  keyboard; the brand-green-dark `ring` outline is always visible.
+- Stay near-flat — hairline and the cool surface ladder before shadow; reach past a hairline only for a
+  real overlay.

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

@@ -0,0 +1,140 @@
+---
+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 P4).
+
+| 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 P3).
+- **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` (P4).
+- Every workflow completes from the keyboard, `ring` focus always visible (P6); 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

@@ -0,0 +1,141 @@
+---
+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

@@ -0,0 +1,145 @@
+---
+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.