@nurix/etna 0.18.18 → 0.18.20

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

@@ -0,0 +1,223 @@
+---
+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. Both machine blocks are fully valued; judgments away
+from the brand are annotated `# derived:` where the corpus is silent.
+
+## 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 (the manifest carries hex — the corpus's native format). 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.
+
+```yaml design-primitives
+radius: 4px                                  # source: the single interactive radius (rounded.sm); containers stay sharp at 0
+shadow-intensity: 0.1                         # derived: source is categorically flat (no drop shadows, "nothing floats"); only a true overlay earns the faintest whisper
+border-weight: 1px                            # source: 1px hairlines carry all separation
+density-gap: 0.85                             # derived: terminal-native brand reads dense; tighten the base gap
+density-inset: 0.85                           # derived: matches the dense gap on component insets
+font-sans: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace   # derived: source is monospace-everywhere (Berkeley Mono, proprietary); JetBrains Mono is the documented open substitute — the sans slot carries the mono voice too
+font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace   # source: one monospaced face for the whole system
+font-weight-normal: 400                       # source: body-md is 400
+font-weight-strong: 700                       # source: headings and display sit at 700 (500 is the medium step)
+heading-tracking: 0                           # source: letter-spacing is 0 on every role — monospace does not track
+duration-unit: 50ms                           # derived: corpus documents no motion; operator-standard base
+duration-fast: 100ms                          # derived: corpus silent on motion
+duration-normal: 150ms                        # derived: corpus silent on motion
+duration-slow: 200ms                          # derived: snappy, near-instant to match the austere terminal character
+ease-default: cubic-bezier(0.4,0,0.2,1)       # derived: corpus silent on easing; standard functional ease
+contrast-boost: 1                             # derived: the source's hairline is deliberately faint; hold default rather than thicken the grid
+icon-stroke: 2                                # derived: the source's icon system is bold ASCII bracket markers; for lucide, a full 2px stroke matches that blocky terminal character
+icon-size-base: 16px                          # source: the body/glyph grid is 16px
+sidebar-width-expanded: 248px                 # derived: marketing source has no app shell; operator-standard rail
+sidebar-width-collapsed: 56px                 # derived: standard operator icon rail
+topbar-height: 56px                           # source: primary-nav height ~56px
+side-panel-width: 420px                       # derived: source has no shell; standard operator detail panel
+side-panel-width-rich: 640px                  # derived: content-heavy detail width
+modal-width-max: 480px                        # derived: source favored narrow ~480px columns; kept tight for the austere brand
+form-max-width: 560px                         # derived: source marketing form column ~480px, widened modestly for operator field density
+table-row-height: 36px                        # derived: dense terminal brand; tighter than the 40px default (source rows sit ~32–36px)
+verbosity: compact                            # derived: manpage-terse brand voice
+feedback: minimal                             # derived: austere, flat, near-motionless system
+density-tier: dense                           # derived: terminal-native brand reads dense
+product-traits: [dev-tools, terminal, cli, ai-agent]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace", mono: "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace" }
+color-tokens:
+  light:
+    background: "#fdfcfc"
+    foreground: "#201d1d"
+    card: "#fdfcfc"
+    card-foreground: "#201d1d"
+    muted: "#f8f7f7"
+    muted-foreground: "#646262"
+    border: "#e0dddd"                          # derived: solid equivalent of the source's translucent hairline rgba(15,0,0,0.12) flattened over the cream canvas
+    input: "#e0dddd"
+    ring: "#201d1d"                            # source: the focus signal is a flat ink border, no halo (ring == primary)
+    primary: "#201d1d"                         # source: the CTA fill is near-black ink, not a color
+    primary-foreground: "#fdfcfc"
+    accent: "#f1eeee"                          # source: surface-card, the warm selected/hover surface — never blue
+    accent-foreground: "#201d1d"
+    destructive: "#ff3b30"
+    destructive-foreground: "#fdfcfc"
+    success: "#30d158"
+    warning: "#ff9f0a"
+    popover: "#fdfcfc"
+    popover-foreground: "#201d1d"
+    secondary: "#f8f7f7"
+    secondary-foreground: "#201d1d"
+    chart-1: "#007aff"                         # source: Apple Blue — the one chromatic accent, carrying the primary chart series
+    chart-2: "#30d158"                         # source: Apple green
+    chart-3: "#ff9f0a"                         # source: Apple amber
+    chart-4: "#ff3b30"                         # source: Apple red
+    chart-5: "#5856d6"                         # derived: Apple HIG system indigo to complete a 5-hue categorical set (source ships only 4 semantic hues)
+    sidebar: "#f8f7f7"                          # derived: barely-warmer step to seat the nav rail; the source forbids heavy gray bands, so kept to the softest surface
+    sidebar-foreground: "#201d1d"
+    sidebar-primary: "#007aff"                  # derived: the active-nav indicator is the one place blue enters persistent chrome (source reserves blue for in-product active/interactive)
+    sidebar-primary-foreground: "#fdfcfc"
+    sidebar-accent: "#f1eeee"
+    sidebar-accent-foreground: "#201d1d"
+    sidebar-border: "#e0dddd"
+    sidebar-ring: "#201d1d"                     # derived: focus in the rail matches the ink ring
+spacing-scale: [1, 4, 8, 12, 16, 24, 32, 48]
+radius-scale: [0, 4, 9999]
+shadow-levels: [none, sm, md]
+motion: { durations: [100, 150, 200], easings: ["cubic-bezier(0.4,0,0.2,1)"] }
+icons: { family: lucide, stroke: 2 }
+accent-count: 1
+```

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

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