@nurix/etna 0.19.10 → 0.19.12

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

@@ -0,0 +1,198 @@
+---
+schema: design-md/v2
+id: wise
+tier: brand
+segments: [fintech, payments, remittance]
+keywords: [lime, sage, friendly, rounded, forest, money]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Wise Sans (proprietary display) stays behind per v1 — Inter Variable is the brand's own workhorse; JetBrains Mono Variable for data"
+license: open
+---
+
+# wise — a Scandinavian bank lobby in spring
+
+## 1 Visual Theme
+A Scandinavian bank lobby in spring: sage-painted walls, blond wood counters, white
+paper forms, and one lime-green door that is obviously the way in. Light default;
+the defining move is the surface ladder — white cards lifting off the warm sage
+canvas by contrast, not shadow. Dark is the same lobby after close: a deep
+forest-green ladder with the lime door still lit. Friendly-rounded, honest density;
+one accent, disciplined hard.
+
+## 2 Color Roles
+Near-black olive `foreground` on sage; white `card` is the elevation. Lime
+`primary` is the one action, the active-nav mark, the brand mark — nowhere else,
+and always with olive ink on it, never white. The `ring` is deep forest — lime is
+too light to read as a ring. Two greens stay apart: lime acts, the truer `success`
+green reports. `input` is deliberately ink — the bold-edged field is the form
+signature. Orange and cyan are chart graces only.
+
+## 3 Typography
+Inter (text — the brand's real workhorse; the weight-900 Wise Sans display stays
+behind) / JetBrains Mono (data). Register scope: the sans carries display through
+label, semibold 600 the heading weight; the mono owns IDs, reference codes, and
+timestamps. Body holds a generous 16px — money reading needs air; every amount and
+numeric column is `tabular-nums`, non-negotiable in a money product.
+
+## 4 Component Stylings
+Buttons `radius-md` (12px, rounded but never the marketing pill), lime `primary`
+with olive label; inputs white fill with the 1px ink `input` edge and forest `ring`
+focus; cards white on sage by contrast, `radius-lg` for feature cards; table rows
+sage hairline grid, `muted` hover, pale-green `accent` selection; detail in the
+side panel; badges pill — the positive badge is pale-green `accent` fill with
+forest text.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1360px;
+density standard — the brand breathes; amount columns right-aligned always.
+
+## 6 Depth
+Light: the sage/white ladder is the depth system — contrast, then hairline, shadow
+only on true overlays, forest-tinted. Dark: the authored forest ladder —
+`background` 0.18 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at
+135 — lime holding its exact chroma across both themes.
+
+## 7 Motion
+Warm and settled. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`card-lift` (card arrive, 160ms fade), `press` (lime action, 110ms). Physicality
+granted to auth and the first-run empty state — the one confetti-free celebration;
+tables and amounts never animate.
+
+## 8 Iconography & Charts
+Lucide, 1.75px stroke — slightly warm-bold to match the rounded chrome — 16/20px
+grid, `muted-foreground` default. Charts: hairline axes; categorical runs forest,
+cyan, amber-orange, lime, warm gold (`chart-1..5`); sequential sage→forest;
+diverging red→sage→green; tooltips on `surface-overlay` with mono amounts.
+
+## 9 Voice
+Plain-spoken money: no jargon, fees and dates stated exactly, warmth without
+exclamation. "Send transfer" · "Nothing needs your attention — 2 transfers arrive
+Tuesday" · "This payout exceeds the daily limit; it will complete tomorrow at
+09:00."
+
+## 10 Do's & Don'ts
+Do anchor on the sage/white ladder — white cards on sage IS the elevation. Do keep
+olive ink on every lime fill, and keep the two greens apart. Don't wash a selected
+row in lime — selection is the pale-green `accent`. Don't pair lime with a green
+surface — lime sits on neutral only. Don't sharpen corners, shadow cards, or reach
+for the 900-weight display.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, amount tables scroll
+horizontally. 768: sidebar → icon rail; tables scroll overflow. 1024/1440: two-pane
+queue+detail holds; forms cap, the sage canvas widens around the 1360px measure.
+
+## 12 Agent Prompt Guide
+Lead with the queue table on sage, white cards for what matters. Spend lime once —
+if two things want it, one is not primary; the ring is always forest. Amounts in
+`tabular-nums`, IDs in the mono, black-edged inputs. Dark is the forest lobby after
+close — consult the block, never invert the sage.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.936 0.007 132)
+    foreground: oklch(0.17 0.008 130)
+    card: oklch(0.99 0.005 132)
+    card-foreground: oklch(0.17 0.008 130)
+    popover: oklch(0.99 0.005 132)
+    popover-foreground: oklch(0.17 0.008 130)
+    primary: oklch(0.857 0.17 135)
+    primary-foreground: oklch(0.17 0.008 130)
+    secondary: oklch(0.905 0.01 132)
+    secondary-foreground: oklch(0.22 0.008 130)
+    muted: oklch(0.95 0.01 130)
+    muted-foreground: oklch(0.42 0.008 140)
+    accent: oklch(0.95 0.048 133)
+    accent-foreground: oklch(0.32 0.084 135)
+    destructive: oklch(0.55 0.19 24)
+    destructive-foreground: oklch(0.985 0.008 24)
+    success: oklch(0.6 0.16 147)
+    warning: oklch(0.59 0.14 61)
+    border: oklch(0.877 0.009 135)
+    input: oklch(0.17 0.008 130)
+    ring: oklch(0.29 0.084 135)
+    surface-raised: oklch(0.955 0.008 132)
+    surface-overlay: oklch(0.99 0.005 132)
+    chart-1: oklch(0.4 0.09 135)
+    chart-2: oklch(0.6 0.12 229)
+    chart-3: oklch(0.66 0.13 58)
+    chart-4: oklch(0.7 0.15 135)
+    chart-5: oklch(0.62 0.12 80)
+    sidebar: oklch(0.985 0.005 132)
+    sidebar-foreground: oklch(0.17 0.008 130)
+    sidebar-primary: oklch(0.857 0.17 135)
+    sidebar-primary-foreground: oklch(0.17 0.008 130)
+    sidebar-accent: oklch(0.94 0.03 133)
+    sidebar-accent-foreground: oklch(0.25 0.05 135)
+    sidebar-border: oklch(0.9 0.008 133)
+    sidebar-ring: oklch(0.29 0.084 135)
+  dark:
+    background: oklch(0.18 0.012 135)
+    foreground: oklch(0.93 0.01 130)
+    card: oklch(0.22 0.014 135)
+    card-foreground: oklch(0.93 0.01 130)
+    popover: oklch(0.28 0.016 135)
+    popover-foreground: oklch(0.93 0.01 130)
+    primary: oklch(0.857 0.17 135)
+    primary-foreground: oklch(0.17 0.012 135)
+    secondary: oklch(0.26 0.016 135)
+    secondary-foreground: oklch(0.9 0.01 130)
+    muted: oklch(0.25 0.015 135)
+    muted-foreground: oklch(0.7 0.015 135)
+    accent: oklch(0.3 0.04 135)
+    accent-foreground: oklch(0.88 0.06 133)
+    destructive: oklch(0.62 0.19 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.7 0.16 147)
+    warning: oklch(0.72 0.13 65)
+    border: oklch(0.29 0.016 135)
+    input: oklch(0.5 0.02 135)
+    ring: oklch(0.857 0.17 135)
+    surface-raised: oklch(0.23 0.014 135)
+    surface-overlay: oklch(0.28 0.016 135)
+    chart-1: oklch(0.66 0.11 135)
+    chart-2: oklch(0.72 0.13 229)
+    chart-3: oklch(0.75 0.13 58)
+    chart-4: oklch(0.857 0.17 135)
+    chart-5: oklch(0.74 0.12 80)
+    sidebar: oklch(0.16 0.012 135)
+    sidebar-foreground: oklch(0.91 0.01 130)
+    sidebar-primary: oklch(0.857 0.17 135)
+    sidebar-primary-foreground: oklch(0.16 0.012 135)
+    sidebar-accent: oklch(0.22 0.014 135)
+    sidebar-accent-foreground: oklch(0.9 0.01 130)
+    sidebar-border: oklch(0.23 0.014 135)
+    sidebar-ring: oklch(0.857 0.17 135)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 600, family: sans, tracking: -0.015em }
+    h1: { size: 28px, line: 34px, weight: 600, family: sans, tracking: -0.015em }
+    h2: { size: 22px, line: 29px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 16px, line: 24px, weight: 400, family: sans }
+    small: { size: 14px, line: 20px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 400, family: sans }
+    data: { size: 16px, line: 22px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, amounts] }
+elevation:
+  radius: { sm: 6px, md: 12px, lg: 16px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.29 0.084 135 / 0.16)"
+    popover: "0 4px 16px oklch(0.29 0.084 135 / 0.12)"
+  dark-ladder: { background: 0.18, raised: 0.23, overlay: 0.28, hue-held: 135 }
+motion:
+  duration: { press: 110ms, fade: 160ms, 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.75px, 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: background, positive: success }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
+```

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

@@ -0,0 +1,199 @@
+---
+schema: design-md/v2
+id: x-ai
+tier: brand
+segments: [ai-platform, model-ops, research]
+keywords: [dark, cosmic, sunset-orange, pill, sparse, mono-caps]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit restoring the cosmic near-black as the primary mood (v1's light reading survives as the daytime theme); Universal Sans → Inter Variable substitution; Geist Mono is the brand's own eyebrow face, open on Google Fonts"
+license: open
+---
+
+# x-ai — a launch-pad gantry before dawn
+
+## 1 Visual Theme
+A launch-pad gantry an hour before dawn: matte black steel, cold service lights,
+and one sodium-orange floodlight marking the crew route. Dark by default — the
+cosmic near-black canvas is the brand, authored as a cool ladder, confidently
+sparse and unmarketed; the light theme is the same structure in morning overcast.
+Near-monochrome discipline: one sunset-orange accent held scarce, the pill on every
+interactive control, the display at weight 400 with negative tracking — never bold.
+
+## 2 Color Roles
+Cool off-white `foreground` on the cosmic canvas. Sunset-orange `primary` is the
+one chroma — the primary action, the `ring`, the active-nav mark — with near-black
+ink on it, and its scarcity is the voltage. `accent` is a neutral cool lift for
+selection, never orange. The amber-gold `warning` stays visibly distinct from the
+sunset primary; the dusk/twilight/breeze cosmic hues live only in charts. The
+`sidebar` rail stays near-black in both themes — the cosmic inlay.
+
+## 3 Typography
+Inter (text, substituting the proprietary Universal Sans) / Geist Mono (the brand's
+own eyebrow face — open). Register scope: the display sits at weight 400 with
+aggressive negative tracking, never bold — size and gathering do the emphasis;
+component heads earn 500 at most; the mono owns the uppercase tracked eyebrow above
+every section head, plus IDs, codes, timestamps, log lines, and metric counters.
+Numerals are always `tabular-nums`.
+
+## 4 Component Stylings
+Buttons pill (`radius-lg` 9999) — sunset `primary` fill with near-black label,
+secondary a hairline pill; inputs `radius-md` (8px, never pilled) with the 1px
+sunset `ring` — high-chroma reads even at 1px; cards hairline-edged at 8px, the
+surface step doing the lift; table rows `muted` hover, `accent` selection, mono-
+caps column headers; detail in the side panel; badges pill with mono-caps captions.
+
+## 5 Layout
+4px base; sidebar 240/56px; topbar 52px — the lean nav; side panel 420/640px;
+content max 1400px; engineered-tight, not editorial-loose.
+
+## 6 Depth
+No shadows — the brand uses none. Dark first: the authored ladder — `background`
+0.15 L, `surface-raised` +0.04, `surface-overlay` +0.09, cool hue held at 265 —
+with hairlines and the surface step carrying every cue. Light: cool near-white
+canvas, white cards read by hairline; the near-black returns as the sidebar rail
+and terminal/metric inlays.
+
+## 7 Motion
+Sparse, exact. Named moments: `panel-slide` (side panel, 200ms, interruptible),
+`telemetry-fade` (metric update, 120ms), `press` (pill press, 90ms). Physicality
+granted only to auth; logs and counters tick without easing theatrics; nothing
+animates on keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; categorical runs sunset, dusk violet, twilight blue,
+breeze teal, gold (`chart-1..5`); sequential canvas→sunset; tooltips on
+`surface-overlay` with Geist Mono numerals.
+
+## 9 Voice
+Flight-test laconic: short, exact, uppercase only in the mono eyebrow. "Run eval" ·
+"NO ACTIVE RUNS — cluster idle 14m" · "Checkpoint 412 failed integrity; the
+previous checkpoint remains live."
+
+## 10 Do's & Don'ts
+Do stay near-monochrome — hairlines and weight before any color; restraint is the
+brand. Do pill buttons, chips, and badges; cards and inputs hold 8px. Don't bold
+the display — weight 400 is the whole scale. Don't promote a second chroma — the
+cosmic hues are chart series; keep amber-gold warning distinct from sunset. Don't
+shadow anything.
+
+## 11 Responsive
+375: the near-black rail → off-canvas drawer, side panel → full sheet, list+detail
+stacks. 768: rail → icon strip; tables and log panes scroll horizontally, never
+wrap. 1024/1440: two-pane queue+detail holds; forms cap, dashboards full width.
+
+## 12 Agent Prompt Guide
+Wear the cosmic canvas as the default; light is the overcast morning of the same
+gantry, its rail still near-black. Spend sunset once per surface — if two things
+want the orange, one is not primary. Every section head carries a Geist Mono
+uppercase eyebrow; the display never bolds. Depth is the ladder and hairlines —
+consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.988 0.005 265)
+    foreground: oklch(0.15 0.006 265)
+    card: oklch(0.995 0.005 265)
+    card-foreground: oklch(0.15 0.006 265)
+    popover: oklch(0.995 0.005 265)
+    popover-foreground: oklch(0.15 0.006 265)
+    primary: oklch(0.68 0.19 45)
+    primary-foreground: oklch(0.13 0.006 265)
+    secondary: oklch(0.96 0.005 265)
+    secondary-foreground: oklch(0.25 0.008 265)
+    muted: oklch(0.96 0.005 265)
+    muted-foreground: oklch(0.46 0.01 258)
+    accent: oklch(0.948 0.005 258)
+    accent-foreground: oklch(0.25 0.008 265)
+    destructive: oklch(0.55 0.19 25)
+    destructive-foreground: oklch(0.985 0.008 25)
+    success: oklch(0.58 0.13 158)
+    warning: oklch(0.63 0.14 71)
+    border: oklch(0.928 0.005 268)
+    input: oklch(0.928 0.005 268)
+    ring: oklch(0.68 0.19 45)
+    surface-raised: oklch(0.98 0.005 265)
+    surface-overlay: oklch(0.995 0.005 265)
+    chart-1: oklch(0.68 0.19 45)
+    chart-2: oklch(0.55 0.15 300)
+    chart-3: oklch(0.55 0.14 265)
+    chart-4: oklch(0.62 0.11 200)
+    chart-5: oklch(0.66 0.14 71)
+    sidebar: oklch(0.15 0.006 265)
+    sidebar-foreground: oklch(0.9 0.006 265)
+    sidebar-primary: oklch(0.72 0.187 49)
+    sidebar-primary-foreground: oklch(0.13 0.006 265)
+    sidebar-accent: oklch(0.21 0.007 265)
+    sidebar-accent-foreground: oklch(0.92 0.006 265)
+    sidebar-border: oklch(0.22 0.007 265)
+    sidebar-ring: oklch(0.72 0.187 49)
+  dark:
+    background: oklch(0.15 0.006 265)
+    foreground: oklch(0.92 0.006 265)
+    card: oklch(0.18 0.006 265)
+    card-foreground: oklch(0.92 0.006 265)
+    popover: oklch(0.24 0.007 265)
+    popover-foreground: oklch(0.92 0.006 265)
+    primary: oklch(0.72 0.187 49)
+    primary-foreground: oklch(0.15 0.006 265)
+    secondary: oklch(0.22 0.007 265)
+    secondary-foreground: oklch(0.9 0.006 265)
+    muted: oklch(0.21 0.007 265)
+    muted-foreground: oklch(0.67 0.008 260)
+    accent: oklch(0.24 0.007 265)
+    accent-foreground: oklch(0.92 0.006 265)
+    destructive: oklch(0.63 0.19 23)
+    destructive-foreground: oklch(0.11 0.02 23)
+    success: oklch(0.66 0.13 158)
+    warning: oklch(0.71 0.14 71)
+    border: oklch(0.25 0.007 265)
+    input: oklch(0.25 0.007 265)
+    ring: oklch(0.72 0.187 49)
+    surface-raised: oklch(0.19 0.006 265)
+    surface-overlay: oklch(0.24 0.007 265)
+    chart-1: oklch(0.72 0.187 49)
+    chart-2: oklch(0.62 0.15 300)
+    chart-3: oklch(0.62 0.14 265)
+    chart-4: oklch(0.7 0.11 200)
+    chart-5: oklch(0.71 0.14 71)
+    sidebar: oklch(0.13 0.006 265)
+    sidebar-foreground: oklch(0.88 0.006 265)
+    sidebar-primary: oklch(0.72 0.187 49)
+    sidebar-primary-foreground: oklch(0.13 0.006 265)
+    sidebar-accent: oklch(0.19 0.007 265)
+    sidebar-accent-foreground: oklch(0.9 0.006 265)
+    sidebar-border: oklch(0.2 0.007 265)
+    sidebar-ring: oklch(0.72 0.187 49)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 30px, line: 36px, weight: 400, family: sans, tracking: -0.03em }
+    h1: { size: 24px, line: 29px, weight: 400, family: sans, tracking: -0.025em }
+    h2: { size: 19px, line: 25px, weight: 400, family: sans, tracking: -0.02em }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 17px, weight: 400, family: mono, tracking: 0.12em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, eyebrows, logs, metrics] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 9999px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 24px oklch(0.1 0.006 265 / 0.5)"
+    popover: "0 4px 12px oklch(0.1 0.006 265 / 0.4)"
+  dark-ladder: { background: 0.15, raised: 0.19, overlay: 0.24, hue-held: 265 }
+motion:
+  duration: { press: 90ms, fade: 120ms, 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]
+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: chart-4 }
+layout: { base: 4px, sidebar: [240px, 56px], topbar: 52px, side-panel: [420px, 640px], content-max: 1400px }
+```

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

@@ -0,0 +1,198 @@
+---
+schema: design-md/v2
+id: zapier
+tier: brand
+segments: [automation, workflow, no-code]
+keywords: [warm, cream, orange, coffee, rounded, friendly, automation]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Inter carried as the brand's real workhorse (Degular Display hero stays behind), IBM Plex Mono for the derived mono"
+license: open
+---
+
+# zapier — a warm workshop bench, one orange lever
+
+## 1 Visual Theme
+A warm workshop bench where automations get wired together: a cream working surface,
+deep coffee ink, faintly recessed cream cards, and one saturated orange lever pulled
+for the action that runs. Warm by default — the cream `background` is a deliberate
+off-white, never the pure white the category defaults to; the dark theme is an authored
+coffee ladder. Flat: warm hairlines and the recessed-card surface ladder carry
+hierarchy, never heavy shadow. Corners hold the signature 12px middle radius — neither
+friendly-pill nor technical-square.
+
+## 2 Color Roles
+Deep coffee `foreground` on the warm cream `background`, never pure black; every neutral
+carries warmth, none is cool grey. `primary` orange is the single conversion voltage —
+the one action, active nav, the focus `ring` — worn with warm-white type. `input` is the
+brand's bold coffee-ink field edge. `accent` is a pale-orange whisper for selection.
+Status hues speak status, brick red never the orange. The `sidebar` holds a recessed
+cream a half-step below the canvas.
+
+## 3 Typography
+Inter (chrome and display, the brand's real workhorse — Degular Display stays behind) /
+IBM Plex Mono (data). Register scope: the sans runs every title, control, cell, and
+byline, its display steps tracking slightly negative, weight 600 the ceiling; the mono
+owns zap IDs, run codes, and timestamps. The uppercase eyebrow keeps positive tracking —
+the brand's signature label. Numerals are always `tabular-nums`; emphasize by weight.
+
+## 4 Component Stylings
+Buttons `radius-md` (12px, never pill or square), orange `primary` fill with warm-white
+type; inputs `radius-sm` on the bold coffee-ink `input` edge, the orange `ring` at 2px
+without glow; cards recessed cream on the brighter canvas — surface contrast is the
+elevation — a hairline for a grid edge; table rows `muted` hover, pale-orange `accent`
+selection; detail opens in the side panel; badges pill, status fills only, never `primary`.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1280px;
+density standard, the 64px marketing rhythm left behind.
+
+## 6 Depth
+Flat, surface-contrast first. Light: the recessed cream ladder and warm hairlines carry
+rank — cards sit a step below the canvas, emphasized outlines take the bold ink border;
+shadow only when a card truly floats, coffee-tinted and soft. Dark: the authored ladder
+does the depth — `background` 0.19 L, `surface-raised` +0.05, `surface-overlay` +0.10,
+warm hue held at 40.
+
+## 7 Motion
+Warm and confident, kept restrained. Named moments: `panel-slide` (side panel, 240ms,
+interruptible), `fade-arrive` (page content, 160ms), `run-press` (primary press, 120ms).
+Physicality granted only to auth and first-run empty states; tables and keyboard actions
+are instant.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; a warm-led ramp — orange, gold, green, brick, slate-blue categorical
+(`chart-1..5`); monochrome sequential canvas→orange; tooltips on `surface-overlay` with
+mono numerals.
+
+## 9 Voice
+Warm and confident, plainly stated: friendly without exclamation. "Create Zap" · "Nothing
+running — your last Zap finished 5m ago" · "This Zap failed at step 3; the trigger data
+was missing a required field."
+
+## 10 Do's & Don'ts
+Do anchor on the warm cream canvas and keep ink deep coffee — the temperature is the
+voice. Do reserve orange for the single most important action; orange plus cream plus
+coffee is the whole conversion story. Do hold corners at the 12px middle radius. Don't
+pill or square the CTA, promote a second chromatic accent, or let orange become
+`destructive` — use the brick red.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
+sidebar → icon rail; tables scroll overflow. 1024/1440: two-pane queue+detail holds;
+forms cap, dashboards use full width.
+
+## 12 Agent Prompt Guide
+Reach for the warm cream canvas first; float recessed cream cards on it, separated by
+surface contrast and warm hairlines before shadow. Spend the orange once — if two things
+want it, one is not primary. Keep corners at 12px, ink deep coffee, IDs in IBM Plex Mono.
+Dark is the authored coffee ladder — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.997 0.004 91.4)
+    foreground: oklch(0.21 0.018 18.7)
+    card: oklch(0.969 0.007 67.7)
+    card-foreground: oklch(0.21 0.018 18.7)
+    popover: oklch(0.997 0.004 91.4)
+    popover-foreground: oklch(0.21 0.018 18.7)
+    primary: oklch(0.67 0.222 37.4)
+    primary-foreground: oklch(0.99 0.01 91)
+    secondary: oklch(0.945 0.012 79.8)
+    secondary-foreground: oklch(0.25 0.018 19)
+    muted: oklch(0.945 0.012 79.8)
+    muted-foreground: oklch(0.478 0.018 94.4)
+    accent: oklch(0.949 0.027 43.7)
+    accent-foreground: oklch(0.527 0.172 38.2)
+    destructive: oklch(0.54 0.176 28.6)
+    destructive-foreground: oklch(0.985 0.01 28.6)
+    success: oklch(0.586 0.113 152.4)
+    warning: oklch(0.679 0.135 74.9)
+    border: oklch(0.916 0.014 77.1)
+    input: oklch(0.21 0.015 19)
+    ring: oklch(0.67 0.222 37.4)
+    surface-raised: oklch(0.997 0.004 91.4)
+    surface-overlay: oklch(0.997 0.004 91.4)
+    chart-1: oklch(0.67 0.2 37.4)
+    chart-2: oklch(0.68 0.14 74.9)
+    chart-3: oklch(0.58 0.11 152.4)
+    chart-4: oklch(0.5 0.17 28.6)
+    chart-5: oklch(0.55 0.1 250)
+    sidebar: oklch(0.969 0.007 67.7)
+    sidebar-foreground: oklch(0.25 0.018 19)
+    sidebar-primary: oklch(0.67 0.222 37.4)
+    sidebar-primary-foreground: oklch(0.99 0.01 91)
+    sidebar-accent: oklch(0.949 0.027 43.7)
+    sidebar-accent-foreground: oklch(0.527 0.172 38.2)
+    sidebar-border: oklch(0.916 0.014 77.1)
+    sidebar-ring: oklch(0.67 0.222 37.4)
+  dark:
+    background: oklch(0.19 0.012 40)
+    foreground: oklch(0.94 0.008 60)
+    card: oklch(0.22 0.012 40)
+    card-foreground: oklch(0.94 0.008 60)
+    popover: oklch(0.27 0.012 40)
+    popover-foreground: oklch(0.94 0.008 60)
+    primary: oklch(0.67 0.222 37.4)
+    primary-foreground: oklch(0.99 0.01 91)
+    secondary: oklch(0.24 0.012 40)
+    secondary-foreground: oklch(0.9 0.008 60)
+    muted: oklch(0.23 0.012 40)
+    muted-foreground: oklch(0.68 0.01 60)
+    accent: oklch(0.32 0.06 40)
+    accent-foreground: oklch(0.92 0.03 43.7)
+    destructive: oklch(0.6 0.18 28.6)
+    destructive-foreground: oklch(0.14 0.02 28.6)
+    success: oklch(0.65 0.12 152.4)
+    warning: oklch(0.75 0.14 74.9)
+    border: oklch(0.27 0.012 40)
+    input: oklch(0.27 0.012 40)
+    ring: oklch(0.7 0.2 40)
+    surface-raised: oklch(0.24 0.012 40)
+    surface-overlay: oklch(0.29 0.012 40)
+    chart-1: oklch(0.72 0.2 37.4)
+    chart-2: oklch(0.75 0.14 74.9)
+    chart-3: oklch(0.66 0.12 152.4)
+    chart-4: oklch(0.6 0.18 28.6)
+    chart-5: oklch(0.65 0.11 250)
+    sidebar: oklch(0.16 0.012 40)
+    sidebar-foreground: oklch(0.9 0.008 60)
+    sidebar-primary: oklch(0.67 0.222 37.4)
+    sidebar-primary-foreground: oklch(0.99 0.01 91)
+    sidebar-accent: oklch(0.24 0.06 40)
+    sidebar-accent-foreground: oklch(0.92 0.03 43.7)
+    sidebar-border: oklch(0.22 0.012 40)
+    sidebar-ring: oklch(0.7 0.2 40)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.01em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 20px, line: 26px, weight: 600, family: sans }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 13px, line: 16px, weight: 600, family: sans, tracking: 0.06em, transform: uppercase }
+    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] }
+elevation:
+  radius: { sm: 6px, md: 12px, lg: 16px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.21 0.03 40 / 0.12)"
+    popover: "0 4px 16px oklch(0.21 0.03 40 / 0.1)"
+  dark-ladder: { background: 0.19, raised: 0.24, overlay: 0.29, hue-held: 40 }
+motion:
+  duration: { press: 120ms, fade: 160ms, 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: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1280px }
+```