@nurix/etna 0.19.50 → 0.19.51

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

@@ -1,215 +0,0 @@
----
-schema: design-md/v2
-id: nvidia
-tier: brand
-segments: [dev-tools, ai-infra, hardware]
-keywords: [green, black, angular, engineering, dense, grayscale, technical]
-sourced: 2026-07-12
-sources: "design-md/v1 nvidia entry (2026-07-04) + token twin; 2026-07-12 re-audit of the public nvidia.com brand system; Inter substitutes the proprietary NVIDIA Sans (Arial the documented fallback)"
-license: open
----
-
-# nvidia — an engineering lab bench with one green LED
-
-## 1 Visual Theme
-An engineering lab bench: a matte-black anodized chassis cracked open on white
-anti-static paper, schematics pinned to a hairline grid, and a single green power
-LED that means exactly one thing. Light default — paper-white canvas, near-black
-ink, black `sidebar` chrome framing the work. Flat by conviction: hierarchy is
-hairline `border`, ink, and 700-weight type, never shadow. One accent — NVIDIA
-green `primary` — carries the one action and the active state, always with black
-text on the green fill. Aggressively angular (2px radius everywhere) and dense:
-this reads like engineering documentation, not consumer software. Dark is an
-authored blackout-bench ladder, not an inversion.
-
-## 2 Color Roles
-`foreground` near-black ink on the paper `background`; the neutral ramp is held at
-the perceptual tint floor so it still reads as NVIDIA's strict grayscale. `primary`
-green is the only chromatic hue that carries brand meaning — the one primary action,
-active nav, and the focus `ring`; black sits on the green fill, never white. `accent`
-is the pale-green selection wash, the operator translation of the green. Status hues
-speak only status: `success` is the deep green (never the saturated brand green, so
-status ≠ accent), `warning` orange, `destructive` red. The editorial blue and purple
-survive only as `chart-2` / `chart-3`. The `sidebar` runs the black brand frame in
-both themes.
-
-## 3 Typography
-Inter (UI, body, headings — the open substitute for the proprietary NVIDIA face) /
-JetBrains Mono (data). No second family, no display face: NVIDIA builds its entire
-hierarchy from two weights — 400 and 700, nothing between — and size, never color.
-Tracking is 0 on every step; NVIDIA does not tighten headings. Register scope: the
-display step touches page titles and empty states only; every ID, code, log line,
-and numeric column is mono with `tabular-nums`. Emphasis jumps straight to 700.
-
-## 4 Component Stylings
-Buttons `radius-sm` (2px), `primary` green fill with black ink, no pill; the NVIDIA
-secondary is a transparent rect with a 2px `primary` border and `foreground` text.
-Inputs `background` fill on hairline `border`; focus swaps the edge to the green
-`ring` — the system's only focus signal, no glow. Cards flat on `card` with a
-hairline, never shadowed. Table rows dense, `border` grid lines, `muted` hover,
-`accent` selection tint. Detail opens in the side panel beside the work. Badges
-`secondary` fill, hairline border, uppercase caption; status badges take the status
-hues, never `primary`.
-
-## 5 Layout
-4px base with NVIDIA's 8px rhythm governing section gaps; sidebar 248/56px; topbar
-56px (the brand's sub-nav strip height); side panel 420/640px; content max 1440px —
-tables and dashboards run the full width; forms cap narrow. Density is dense across
-every archetype; nothing about this shell is generous.
-
-## 6 Depth
-Flat — NVIDIA cards do not lift; they are rectangles with hairline borders. Light:
-hairlines carry all structure; the single soft shadow belongs to true overlays only,
-tinted toward the green-gray ink, never black. Dark: the authored ladder does depth —
-`background` 0.15 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at
-131. On the black `sidebar`, dividers use the stronger `sidebar-border` hairline.
-Focus is the 2px green `ring` outline on every interactive element; three z-levels.
-
-## 7 Motion
-Mechanical and brisk — motion confirms, never decorates. Named moments: `green-press`
-(primary-action press, 100ms), `grid-fade` (page content arrival, 140ms),
-`panel-slide` (side panel, 200ms, interruptible). Physicality is granted to auth and
-the first-run empty state only. Nothing animates in tables, dense grids, or any
-keyboard-initiated action; hover states switch instantly.
-
-## 8 Iconography & Charts
-Lucide at 2px stroke — the heaviest stroke in the library, matching the 700-weight
-voice — on the 16/20px grid, `muted-foreground` default. Charts: hairline axes, no
-gridline fills; categorical ramp leads with the brand green (`chart-1`) then the
-editorial blue, purple, orange, and a neutral gray (`chart-2..5`); tooltips on
-`surface-overlay` with mono numerals; `success` deep green stays off the chart ramp.
-
-## 9 Voice
-Spec-sheet terse: imperative verbs, exact numbers, zero enthusiasm. "Deploy build" ·
-"0 failures — 412 nodes reporting" · "Driver 551.86 rejected: checksum mismatch on
-line 4."
-
-## 10 Do's & Don'ts
-Do treat `primary` green as a precious resource — one action per viewport, black ink
-on the fill. Do frame the white canvas in the black `sidebar`. Do jump weight
-straight to 700. Don't promote link-blue or the editorial purple into chrome — chart
-hues only. Don't let `success` borrow the saturated brand green. Don't pill anything
-or exceed 2px radius (avatars excepted). Don't signal elevation with drop shadows.
-
-## 11 Responsive
-375: black sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet;
-dense grids scroll horizontally. 768: sidebar collapses to the black icon rail;
-tables scroll their overflow. 1024: two-pane queue+detail holds. 1440: forms cap;
-tables and dashboards take the full width.
-
-## 12 Agent Prompt Guide
-One accent, always green — black on green, never white; if two things want the
-green, one is not primary. Frame the app in the black chrome. Build hierarchy from
-weight (400 vs 700) and hairlines, tracking 0, radius 2px everywhere. Every numeric
-column is tabular mono. Dark is authored — consult the block, never derive. Leave
-the marketing skin behind: hero display, dark hero chapters, corner squares,
-purple/blue washes.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.985 0.005 131)
-    foreground: oklch(0.145 0.008 131)
-    card: oklch(0.995 0.005 131)
-    card-foreground: oklch(0.145 0.008 131)
-    popover: oklch(0.995 0.005 131)
-    popover-foreground: oklch(0.145 0.008 131)
-    primary: oklch(0.713 0.194 131)
-    primary-foreground: oklch(0.145 0.010 131)
-    secondary: oklch(0.965 0.006 131)
-    secondary-foreground: oklch(0.20 0.008 131)
-    muted: oklch(0.955 0.006 131)
-    muted-foreground: oklch(0.46 0.008 131)
-    accent: oklch(0.955 0.045 125)
-    accent-foreground: oklch(0.18 0.020 131)
-    destructive: oklch(0.55 0.21 28)
-    destructive-foreground: oklch(0.985 0.008 28)
-    success: oklch(0.549 0.163 136)
-    warning: oklch(0.646 0.175 48)
-    border: oklch(0.85 0.006 131)
-    input: oklch(0.85 0.006 131)
-    ring: oklch(0.713 0.194 131)
-    surface-raised: oklch(0.995 0.005 131)
-    surface-overlay: oklch(0.995 0.005 131)
-    chart-1: oklch(0.713 0.194 131)
-    chart-2: oklch(0.42 0.164 259)
-    chart-3: oklch(0.529 0.224 312)
-    chart-4: oklch(0.646 0.175 48)
-    chart-5: oklch(0.60 0.010 131)
-    sidebar: oklch(0.13 0.008 131)
-    sidebar-foreground: oklch(0.985 0.006 131)
-    sidebar-primary: oklch(0.713 0.194 131)
-    sidebar-primary-foreground: oklch(0.145 0.010 131)
-    sidebar-accent: oklch(0.22 0.010 131)
-    sidebar-accent-foreground: oklch(0.985 0.006 131)
-    sidebar-border: oklch(0.42 0.008 131)
-    sidebar-ring: oklch(0.713 0.194 131)
-  dark:
-    background: oklch(0.15 0.008 131)
-    foreground: oklch(0.955 0.006 131)
-    card: oklch(0.19 0.009 131)
-    card-foreground: oklch(0.955 0.006 131)
-    popover: oklch(0.25 0.010 131)
-    popover-foreground: oklch(0.955 0.006 131)
-    primary: oklch(0.75 0.19 131)
-    primary-foreground: oklch(0.145 0.010 131)
-    secondary: oklch(0.23 0.010 131)
-    secondary-foreground: oklch(0.90 0.008 131)
-    muted: oklch(0.22 0.010 131)
-    muted-foreground: oklch(0.72 0.008 131)
-    accent: oklch(0.28 0.050 131)
-    accent-foreground: oklch(0.95 0.020 131)
-    destructive: oklch(0.62 0.20 28)
-    destructive-foreground: oklch(0.13 0.020 28)
-    success: oklch(0.68 0.16 136)
-    warning: oklch(0.72 0.16 48)
-    border: oklch(0.28 0.010 131)
-    input: oklch(0.28 0.010 131)
-    ring: oklch(0.75 0.19 131)
-    surface-raised: oklch(0.20 0.009 131)
-    surface-overlay: oklch(0.25 0.010 131)
-    chart-1: oklch(0.75 0.19 131)
-    chart-2: oklch(0.62 0.13 259)
-    chart-3: oklch(0.65 0.18 312)
-    chart-4: oklch(0.72 0.16 48)
-    chart-5: oklch(0.70 0.010 131)
-    sidebar: oklch(0.11 0.008 131)
-    sidebar-foreground: oklch(0.95 0.006 131)
-    sidebar-primary: oklch(0.75 0.19 131)
-    sidebar-primary-foreground: oklch(0.145 0.010 131)
-    sidebar-accent: oklch(0.18 0.010 131)
-    sidebar-accent-foreground: oklch(0.95 0.006 131)
-    sidebar-border: oklch(0.26 0.010 131)
-    sidebar-ring: oklch(0.75 0.19 131)
-typography:
-  display: { family: "Inter Variable", fallback: "Arial, Helvetica, sans-serif", weights: [700] }
-  sans: { family: "Inter Variable", fallback: "Arial, Helvetica, sans-serif", weights: [400, 700] }
-  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 32px, line: 40px, weight: 700, family: display, tracking: 0 }
-    h1: { size: 24px, line: 30px, weight: 700, family: sans, tracking: 0 }
-    h2: { size: 20px, line: 25px, weight: 700, family: sans, tracking: 0 }
-    body: { size: 16px, line: 24px, weight: 400, family: sans }
-    small: { size: 15px, line: 21px, weight: 400, family: sans }
-    caption: { size: 14px, line: 20px, weight: 700, family: sans, transform: uppercase }
-    data: { size: 15px, line: 22px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, codes, logs, timestamps] }
-elevation:
-  radius: { sm: 2px, md: 2px, lg: 4px }
-  hairline: border
-  shadow:
-    overlay: "0 4px 16px oklch(0.20 0.02 131 / 0.10)"
-    popover: "0 2px 8px oklch(0.20 0.02 131 / 0.08)"
-  dark-ladder: { background: 0.15, raised: 0.20, overlay: 0.25, hue-held: 131 }
-motion:
-  duration: { press: 100ms, fade: 140ms, panel: 200ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 2px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: success }
-layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1440px }
-```

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

@@ -1,213 +0,0 @@
----
-schema: design-md/v2
-id: ollama
-tier: brand
-segments: [dev-tools, ai-infra]
-keywords: [monochrome, minimal, rounded, white, flat, readme]
-sourced: 2026-07-12
-sources: "design-md/v1 ollama entry (2026-07-04) + token twin; 2026-07-12 re-audit of ollama.com; Nunito substitutes the proprietary SF Pro Rounded (the v1 corpus's named substitute)"
-license: open
----
-
-# ollama — a README on an empty pine desk
-
-## 1 Visual Theme
-A README printed on bright paper and stapled at the corner, lying on an otherwise
-empty pine desk; one line circled in black ink, a `curl` command in the margin.
-Light default; aggressively flat — hierarchy is hairline `border`, type weight, and
-pure-contrast ink, never shadow (the brand has no drop-shadow language at all). The
-system is monochrome: `primary` is the ink itself, the only hue that carries
-interactive meaning; the single non-neutral note is the functional blue focus
-`ring`, a deliberate exception, not a second accent. The type voice is rounded and
-approachable, the radius soft, the rhythm airy — whitespace is the brand's whole
-layout. Dark is an authored terminal-at-night ladder, not inverted paper.
-
-## 2 Color Roles
-Ink `foreground` on the white `background`, one continuous sheet — `card` sits level
-with the canvas, separated by hairline alone. `primary` is the ink action: one black
-(light) or paper-bright (dark) button per surface. `accent` is the pale selection
-step past `muted`, so selection reads distinct from hover. The blue `ring` is focus
-only — never a fill, never a link color that competes. Status hues speak only
-status: `destructive` red, `success` green, `warning` amber. The neutral ramp holds
-a barely-cool paper tint at the perceptual floor so it never turns pure gray. The
-`sidebar` is the faint off-white rail beside the sheet.
-
-## 3 Typography
-Nunito (display and UI — the open rounded face standing in for SF Pro Rounded; it is
-the one thing that makes the surface read as Ollama) / JetBrains Mono (data, IDs,
-install snippets). Headings and body share the rounded sans; tracking 0 on every
-step — the rounded face needs no tightening. Register scope: the display step
-touches page titles and empty states; mono owns every ID, code, timestamp, and log
-line, with `tabular-nums` on numeric columns. Emphasis bumps weight one step, never
-size.
-
-## 4 Component Stylings
-Buttons `radius-md`, ink `primary` fill on paper text, soft-cornered — never the
-marketing full pill (pills stay on chips and one singular hero action). Secondary:
-`secondary` fill, hairline `border`. Inputs `background` fill, hairline `border`;
-focus draws the blue `ring` at 2px, no glow. Cards `card` on hairline, flat on the
-canvas. Table rows `muted` hover, `accent` selection, mono IDs. Detail opens in the
-side panel beside the work. Badges may keep the full pill — a monochrome nod —
-status fills only.
-
-## 5 Layout
-4px base with the brand's 88px signature rhythm reserved for major section breaks;
-sidebar 248/56px; topbar 56px; side panel 420/640px; content max 1200px — a reading
-measure, not a cockpit. Density is spacious globally and steps denser only per
-archetype; generous air between groups is the identity.
-
-## 6 Depth
-Flat. Hierarchy comes from hairlines, weight, and one inverted device — never
-shadow. Light: `card` sits level with the sheet; only true overlays earn a whisper
-of ink-tinted shadow. The dark spotlight surface (the brand's single "look here"
-device) is earned once per view, never twice. Dark: the authored ladder does depth —
-`background` 0.17 L, `surface-raised` +0.05, `surface-overlay` +0.09, hue held at
-260. Focus is the 2px blue `ring` outline; three z-levels.
-
-## 7 Motion
-Gentle and unhurried, like the brand's voice. Named moments: `ink-press`
-(primary-action press, 120ms), `sheet-fade` (page content arrival, 180ms),
-`panel-slide` (side panel, 240ms, interruptible). Physicality is granted to auth and
-the first-run empty state only. Lists, tables, and keyboard-driven actions never
-animate; hover is instant.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default — line icons only,
-matching the rounded, friendly weight. Charts: hairline axes, no gridline fills; the
-categorical ramp is monochrome-first — ink, the functional blue, a mid gray, then
-the two status-adjacent hues (`chart-1..5`); tooltips on `surface-overlay` with mono
-numerals. If a series wants color, it is either status or nothing.
-
-## 9 Voice
-Plainspoken and helpful, like a good README: short sentences, no exclamation, the
-command shown rather than described. "Pull model" · "No models yet — run `ollama
-pull llama3` to get started" · "Download failed: manifest not found for tag 8b-q4."
-
-## 10 Do's & Don'ts
-Do stay monochrome — ink is the accent; one ink action per surface. Do keep the
-rounded sans voice; it is the brand's only personality. Do keep whitespace generous.
-Don't introduce a second chromatic accent, a gradient, or an atmospheric background.
-Don't full-pill working buttons. Don't lift cards with shadow — hairline or the one
-dark spotlight surface. Don't swap in a display face.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; section
-air tightens. 768: sidebar collapses to the icon rail; tables scroll their overflow.
-1024: two-pane queue+detail holds. 1440: forms cap; reading surfaces center under
-the 1200px measure.
-
-## 12 Agent Prompt Guide
-Lead every list surface with its table; lead every entity with its primary read.
-Ink is the accent — if two things want ink, one is not primary. Flat before shadow;
-spend the dark spotlight surface once per view. Keep the rounded sans; keep the blue
-ring visible. Every numeric column is tabular mono. Dark is authored — consult the
-block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 260)
-    foreground: oklch(0.13 0.006 260)
-    card: oklch(0.99 0.005 260)
-    card-foreground: oklch(0.13 0.006 260)
-    popover: oklch(0.995 0.005 260)
-    popover-foreground: oklch(0.13 0.006 260)
-    primary: oklch(0.13 0.006 260)
-    primary-foreground: oklch(0.99 0.005 260)
-    secondary: oklch(0.975 0.005 260)
-    secondary-foreground: oklch(0.18 0.006 260)
-    muted: oklch(0.975 0.005 260)
-    muted-foreground: oklch(0.47 0.008 260)
-    accent: oklch(0.965 0.005 260)
-    accent-foreground: oklch(0.13 0.006 260)
-    destructive: oklch(0.546 0.195 27)
-    destructive-foreground: oklch(0.98 0.008 27)
-    success: oklch(0.524 0.140 148)
-    warning: oklch(0.555 0.146 49)
-    border: oklch(0.925 0.005 260)
-    input: oklch(0.925 0.005 260)
-    ring: oklch(0.623 0.188 260)
-    surface-raised: oklch(0.995 0.005 260)
-    surface-overlay: oklch(0.995 0.005 260)
-    chart-1: oklch(0.35 0.006 260)
-    chart-2: oklch(0.623 0.188 260)
-    chart-3: oklch(0.62 0.008 260)
-    chart-4: oklch(0.524 0.140 148)
-    chart-5: oklch(0.555 0.146 49)
-    sidebar: oklch(0.975 0.005 260)
-    sidebar-foreground: oklch(0.25 0.006 260)
-    sidebar-primary: oklch(0.13 0.006 260)
-    sidebar-primary-foreground: oklch(0.99 0.005 260)
-    sidebar-accent: oklch(0.945 0.005 260)
-    sidebar-accent-foreground: oklch(0.13 0.006 260)
-    sidebar-border: oklch(0.92 0.005 260)
-    sidebar-ring: oklch(0.623 0.188 260)
-  dark:
-    background: oklch(0.17 0.005 260)
-    foreground: oklch(0.95 0.005 260)
-    card: oklch(0.22 0.006 260)
-    card-foreground: oklch(0.95 0.005 260)
-    popover: oklch(0.26 0.006 260)
-    popover-foreground: oklch(0.95 0.005 260)
-    primary: oklch(0.95 0.005 260)
-    primary-foreground: oklch(0.15 0.005 260)
-    secondary: oklch(0.24 0.006 260)
-    secondary-foreground: oklch(0.90 0.005 260)
-    muted: oklch(0.23 0.006 260)
-    muted-foreground: oklch(0.72 0.005 260)
-    accent: oklch(0.27 0.006 260)
-    accent-foreground: oklch(0.95 0.005 260)
-    destructive: oklch(0.62 0.19 27)
-    destructive-foreground: oklch(0.13 0.020 27)
-    success: oklch(0.66 0.14 148)
-    warning: oklch(0.70 0.14 55)
-    border: oklch(0.28 0.006 260)
-    input: oklch(0.28 0.006 260)
-    ring: oklch(0.68 0.17 260)
-    surface-raised: oklch(0.22 0.006 260)
-    surface-overlay: oklch(0.26 0.006 260)
-    chart-1: oklch(0.85 0.005 260)
-    chart-2: oklch(0.68 0.17 260)
-    chart-3: oklch(0.55 0.006 260)
-    chart-4: oklch(0.66 0.14 148)
-    chart-5: oklch(0.70 0.14 55)
-    sidebar: oklch(0.15 0.005 260)
-    sidebar-foreground: oklch(0.88 0.005 260)
-    sidebar-primary: oklch(0.95 0.005 260)
-    sidebar-primary-foreground: oklch(0.15 0.005 260)
-    sidebar-accent: oklch(0.22 0.006 260)
-    sidebar-accent-foreground: oklch(0.95 0.005 260)
-    sidebar-border: oklch(0.25 0.006 260)
-    sidebar-ring: oklch(0.68 0.17 260)
-typography:
-  display: { family: "Nunito Variable", fallback: "system-ui, sans-serif", weights: [700] }
-  sans: { family: "Nunito Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
-  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 30px, line: 36px, weight: 700, family: display, tracking: 0 }
-    h1: { size: 24px, line: 32px, weight: 700, family: sans, tracking: 0 }
-    h2: { size: 18px, line: 25px, weight: 700, family: sans, tracking: 0 }
-    body: { size: 14px, line: 20px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 16px, weight: 400, family: sans }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, snippets, logs] }
-elevation:
-  radius: { sm: 6px, md: 8px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 24px oklch(0.20 0.01 260 / 0.10)"
-    popover: "0 4px 12px oklch(0.20 0.01 260 / 0.08)"
-  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.26, hue-held: 260 }
-motion:
-  duration: { press: 120ms, fade: 180ms, panel: 240ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: success }
-layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1200px }
-```

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

@@ -1,216 +0,0 @@
----
-schema: design-md/v2
-id: opencode-ai
-tier: brand
-segments: [dev-tools, ai-infra, terminal]
-keywords: [monospace, terminal, cream, warm, dense, manpage]
-sourced: 2026-07-12
-sources: "design-md/v1 opencode-ai entry (2026-07-04) + token twin; 2026-07-12 re-audit of opencode.ai; JetBrains Mono substitutes the proprietary Berkeley Mono (the v1 corpus's shipped substitute)"
-license: open
----
-
-# opencode-ai — tractor-feed paper in one monospace column
-
-## 1 Visual Theme
-A tidy workbench: a mechanical keyboard, a sheet of warm cream tractor-feed printer
-paper with every character sitting in the same monospace column, and one blue LED on
-the keyboard's mod key. Light default — the whole UI floats on the faintly-blushed
-cream `background`, never the category's cool gray. Emphatically flat: hierarchy is
-hairline `border`, weight, and near-black-on-cream contrast — nothing lifts, nothing
-floats. The type voice IS the identity: one monospaced face carries every role, no
-sans anywhere. The primary action is an ink button; Apple Blue is the single
-chromatic accent, held scarce. Dense — the surface reads like a terminal. Dark is
-the brand's own TUI, authored as a warm charcoal ladder.
-
-## 2 Color Roles
-Near-black ink `foreground` on the warm cream `background`; `card` is the same cream
-seated by a hairline, no surface bands. `primary` is the ink button — dark in light,
-cream in dark — never blue. `accent` is the warm selection step; the blue accent hue
-lives in active-nav marks, links, and `chart-1`, held scarce. The focus `ring` is
-ink — a flat border, keyboard-first, no glow. Status is the Apple HIG ramp:
-`destructive` red, `success` green, `warning` amber — status only, never chrome. All
-neutrals hold the warm blush (hue 17) at a whisper of chroma; pure white and pure
-gray are both off-brand.
-
-## 3 Typography
-One face: JetBrains Mono (the open substitute for the proprietary Berkeley Mono)
-carries display, body, headings, labels, IDs, and every numeric column — there is no
-sans/mono split, and numerals align natively so tabular figures are inherent.
-Weights 400 / 500 / 700; tracking 0 on every role — monospace does not track.
-Register scope is trivially total: the display step touches page titles only, and
-"mono" owns everything. Emphasis steps weight 400 → 500 → 700, never tracking, never
-a second face. Page titles top out at 24px; the 38px marketing display stays behind.
-
-## 4 Component Stylings
-Buttons `radius-md` (4px), ink `primary` fill on cream text, never a pill.
-Secondary: `secondary` fill, hairline `border`. Inputs `background` fill, hairline
-`border`; focus draws the ink `ring` at 2px — a flat border. Cards `card` on a
-hairline with **sharp corners** (`radius-sm` 0) — containers sharp, interactive
-elements 4px: that two-value split is the whole geometry. Table rows `muted` hover,
-`accent` selection, blue active-row marks. Terminal, log, and console panels wear
-the dark inlay: `popover`-dark charcoal, cream mono text. Badges 4px, uppercase
-caption, status fills only.
-
-## 5 Layout
-8px base with fine 1/4px steps (the source's own scale; the 96px marketing rhythm
-stays behind); sidebar 248/56px; topbar 56px; side panel 420/640px; content max
-1280px. The grid runs tight — a terminal-native brand earns its density; the cream
-sidebar is barely warmer than the canvas, split by a hairline, not a band.
-
-## 6 Depth
-Categorically flat — the source has no drop shadows. Light: hairlines and one color
-inversion (the dark console inlay) carry all hierarchy; true overlays earn only the
-faintest warm-tinted whisper. Dark: the authored ladder does depth — `background`
-0.20 L (the TUI charcoal), `surface-raised` +0.05, `surface-overlay` +0.10, hue held
-at 17. Focus is the 2px ink `ring`; three z-levels: content, sticky chrome, overlay.
-
-## 7 Motion
-Terminal-instant: state changes snap, transitions only smooth what would otherwise
-flicker. Named moments: `caret-press` (primary-action press, 80ms), `column-fade`
-(page content arrival, 120ms), `panel-slide` (side panel, 180ms, interruptible).
-Physicality is granted to auth only. Tables, logs, and every keyboard-initiated
-action render instantly — a terminal does not tween.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid — real icons, not the source's ASCII `[+]`
-bracket markers, which stay behind. Charts: hairline axes, no gridline fills;
-categorical ramp leads with the Apple Blue (`chart-1`), then warm ink, green, amber,
-and a muted slate (`chart-2..5`); tooltips on `surface-overlay`, numerals aligned
-natively in the mono face.
-
-## 9 Voice
-Manpage terse: lowercase-leaning commands, flags spelled out, no cheer. "run agent"
-· "no sessions — `opencode run` starts one" · "exit 1: config not found at
-~/.opencode/config.json."
-
-## 10 Do's & Don'ts
-Do anchor every surface on the warm cream — pure white reads as any-other-tool. Do
-render every role in the one monospaced face. Do keep the primary an ink button and
-Apple Blue scarce: interactive signal, links, `chart-1` only. Do keep containers
-sharp (0) and controls at 4px. Don't introduce a sans or display face. Don't fill
-the primary blue. Don't signal elevation with shadow. Don't wrap log lines — they
-scroll.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; density
-holds. 768: sidebar collapses to the icon rail; tables scroll their overflow. 1024:
-two-pane queue+detail holds. 1440: forms cap; tables and dashboards use the full
-width. Terminal and log inlays keep mono legibility at every breakpoint by
-scrolling horizontally, never wrapping.
-
-## 12 Agent Prompt Guide
-Reach for the warm cream first — never pure white; the faint blush is the brand.
-One monospaced face for every text role; numerals align natively. The primary action
-is an ink button; spend the blue only on interactive and data signal — if two things
-want the blue, one is not primary. Containers sharp, controls 4px. Dress terminal
-and log panels in the dark inlay — real console chrome. Dark is authored — consult
-the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 17)
-    foreground: oklch(0.23 0.006 17)
-    card: oklch(0.99 0.005 17)
-    card-foreground: oklch(0.23 0.006 17)
-    popover: oklch(0.995 0.005 17)
-    popover-foreground: oklch(0.23 0.006 17)
-    primary: oklch(0.23 0.006 17)
-    primary-foreground: oklch(0.99 0.005 17)
-    secondary: oklch(0.975 0.005 17)
-    secondary-foreground: oklch(0.28 0.006 17)
-    muted: oklch(0.975 0.005 17)
-    muted-foreground: oklch(0.47 0.006 17)
-    accent: oklch(0.95 0.006 17)
-    accent-foreground: oklch(0.23 0.006 17)
-    destructive: oklch(0.55 0.22 29)
-    destructive-foreground: oklch(0.98 0.010 29)
-    success: oklch(0.60 0.17 147)
-    warning: oklch(0.70 0.16 67)
-    border: oklch(0.90 0.005 17)
-    input: oklch(0.90 0.005 17)
-    ring: oklch(0.23 0.006 17)
-    surface-raised: oklch(0.995 0.005 17)
-    surface-overlay: oklch(0.995 0.005 17)
-    chart-1: oklch(0.603 0.218 257)
-    chart-2: oklch(0.35 0.006 17)
-    chart-3: oklch(0.60 0.17 147)
-    chart-4: oklch(0.70 0.16 67)
-    chart-5: oklch(0.55 0.070 257)
-    sidebar: oklch(0.975 0.005 17)
-    sidebar-foreground: oklch(0.28 0.006 17)
-    sidebar-primary: oklch(0.23 0.006 17)
-    sidebar-primary-foreground: oklch(0.99 0.005 17)
-    sidebar-accent: oklch(0.945 0.006 17)
-    sidebar-accent-foreground: oklch(0.23 0.006 17)
-    sidebar-border: oklch(0.90 0.005 17)
-    sidebar-ring: oklch(0.23 0.006 17)
-  dark:
-    background: oklch(0.20 0.006 17)
-    foreground: oklch(0.96 0.005 17)
-    card: oklch(0.245 0.007 17)
-    card-foreground: oklch(0.96 0.005 17)
-    popover: oklch(0.30 0.008 17)
-    popover-foreground: oklch(0.96 0.005 17)
-    primary: oklch(0.96 0.005 17)
-    primary-foreground: oklch(0.20 0.006 17)
-    secondary: oklch(0.27 0.007 17)
-    secondary-foreground: oklch(0.92 0.005 17)
-    muted: oklch(0.26 0.007 17)
-    muted-foreground: oklch(0.72 0.006 17)
-    accent: oklch(0.31 0.008 17)
-    accent-foreground: oklch(0.96 0.005 17)
-    destructive: oklch(0.654 0.232 29)
-    destructive-foreground: oklch(0.13 0.030 29)
-    success: oklch(0.756 0.208 147)
-    warning: oklch(0.782 0.171 67)
-    border: oklch(0.31 0.008 17)
-    input: oklch(0.31 0.008 17)
-    ring: oklch(0.96 0.005 17)
-    surface-raised: oklch(0.25 0.007 17)
-    surface-overlay: oklch(0.30 0.008 17)
-    chart-1: oklch(0.65 0.190 257)
-    chart-2: oklch(0.80 0.006 17)
-    chart-3: oklch(0.756 0.208 147)
-    chart-4: oklch(0.782 0.171 67)
-    chart-5: oklch(0.65 0.070 257)
-    sidebar: oklch(0.18 0.006 17)
-    sidebar-foreground: oklch(0.92 0.005 17)
-    sidebar-primary: oklch(0.96 0.005 17)
-    sidebar-primary-foreground: oklch(0.20 0.006 17)
-    sidebar-accent: oklch(0.24 0.007 17)
-    sidebar-accent-foreground: oklch(0.96 0.005 17)
-    sidebar-border: oklch(0.28 0.007 17)
-    sidebar-ring: oklch(0.96 0.005 17)
-typography:
-  display: { family: "JetBrains Mono Variable", fallback: "ui-monospace, SFMono-Regular, monospace", weights: [700] }
-  sans: { family: "JetBrains Mono Variable", fallback: "ui-monospace, SFMono-Regular, monospace", weights: [400, 500, 700] }
-  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, SFMono-Regular, monospace", weights: [400, 500] }
-  ramp:
-    display: { size: 24px, line: 34px, weight: 700, family: display, tracking: 0 }
-    h1: { size: 24px, line: 34px, weight: 700, family: sans, tracking: 0 }
-    h2: { size: 18px, line: 25px, weight: 700, family: sans, tracking: 0 }
-    body: { size: 14px, line: 21px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 17px, weight: 500, family: sans }
-    data: { size: 13px, line: 20px, weight: 400, family: mono }
-  register-scope: { display: [page-title], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, logs, everything] }
-elevation:
-  radius: { sm: 0px, md: 4px, lg: 4px }
-  hairline: border
-  shadow:
-    overlay: "0 6px 20px oklch(0.20 0.010 17 / 0.08)"
-    popover: "0 3px 10px oklch(0.20 0.010 17 / 0.06)"
-  dark-ladder: { background: 0.20, raised: 0.25, overlay: 0.30, hue-held: 17 }
-motion:
-  duration: { press: 80ms, fade: 120ms, panel: 180ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: success }
-layout: { base: 8px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1280px }
-```