@nurix/etna 0.19.42 → 0.19.43

package/data/harnesses/apollo/skills/design/design-md/library/mintlify.md

@@ -0,0 +1,210 @@
+---
+schema: design-md/v2
+id: mintlify
+tier: brand
+segments: [docs, dev-tools, developer-platform]
+keywords: [white, mint, cool-gray, code-inlay, standard, developer]
+sourced: 2026-07-12
+sources: "design-md/v1 mintlify entry (2026-07-04) + 2026-07-12 re-audit of the documentation-platform system; Inter Variable + Geist Mono per v1; the sky/teal gradient heroes, 72px hero display, full-pill buttons, testimonial-orange card, and 96/120px section rhythm stay behind; tag-blue, warn-amber, and testimonial-orange survive only as chart/status hues; dark theme authored (light holds cleanly, dark is opt-in)"
+license: open
+---
+
+# mintlify — a developer's clean desk with one mint marker and a slate of code
+
+## 1 Visual Theme
+A developer's clean-lit desk: a white sheet ruled in cool gray, one mint marker, and a
+slab of dark slate where the code goes. Light by default; the UI floats on a white
+`background` and cards read by their hairline `border`, not by brightness. Emphatically
+flat — the light-gray hairline, cool-neutral surface tints, and type weight carry rank,
+never a drop shadow. A single chromatic accent, Mintlify mint `primary`, is held scarce:
+the one primary action (ink on mint), the focus `ring`, and the active-nav indicator.
+The one dark surface is the code inlay — real product chrome, carried even in a light UI.
+The dark theme is authored from that same slate.
+
+## 2 Color Roles
+Near-black `foreground` on white `background`; `primary` mint carries the one primary
+action with ink `primary-foreground` — the brand's green-button pairing — plus the focus
+`ring` and active-nav indicator. `accent` is a neutral lift for selection; mint stays the
+indicator, never the fill. Status hues (`destructive`, `success`, `warning`) speak status
+only; tag-blue, warn-amber, and testimonial-orange survive only in charts. Sidebar sits a
+faint cool step off the white in both themes.
+
+## 3 Typography
+Inter (single voice — UI, labels, prose) / Geist Mono (IDs, timestamps, and every code
+surface) — the pairing is the brand's developer-respect signal; never a third face.
+Register scope: no hero display face — Inter carries headings, and the marketing display
+scale stays behind. Emphasis is weight (500/600) or color, never italics — the brand
+ships none. Every numeric column renders `tabular-nums`; long-form docs prose holds
+16px, never compressed.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px, never pill — the marketing full-pill stays behind), mint
+`primary` fill on ink; secondary takes cool `secondary` with a hairline; ghost goes
+`accent` on hover. Inputs on `background` with a hairline `input` edge and a 2px mint
+`ring`, no glow — the brand focuses fields in mint. Cards white on a hairline — panels
+read by their edge, not a brighter fill — stepping to `radius-lg` for larger panels.
+Table rows `muted` hover, `accent` selection with a mint left-indicator, mono numerals.
+Detail opens in the side panel. Code, log, and terminal panels take the dark slate inlay
+(`surface-overlay`-deep) with mono text. Badges pill, `muted`/status fill, uppercase
+caption, never `primary`.
+
+## 5 Layout
+4px base; ramp 2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 240/56px (the docs
+sidebar); topbar 56px; side panel 420/640px; content max 1280px; tables full-width.
+Standard density — layout-dense, readable prose — stepped per archetype, never absolute
+overrides.
+
+## 6 Depth
+Flat and hairline-first — the hairline and cool-neutral surface tints carry rank; panels
+read by their edge, never a brighter fill. Light: overlays earn the one soft cool-tinted
+tier. Dark: the authored ladder — `background` 0.20 L, `surface-raised` +0.04,
+`surface-overlay` +0.08, hue held at 200. The code inlay is a dark slab carried in both
+themes, real product chrome. Focus is a 2px mint `ring`, always visible; three z-levels:
+content, sticky chrome, overlay.
+
+## 7 Motion
+Precise and quiet. Named moments: `press` (primary action, 110ms), `page-fade` (content
+arrive, 150ms), `panel-slide` (side panel, 220ms, interruptible). Physicality is granted
+only to auth and first-run empty states; code blocks appear whole, never typed-on; 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; the categorical ramp leads with mint then the surviving marketing hues —
+mint, tag-blue, amber, violet, coral (`chart-1..5`); tooltips on `surface-overlay` with
+mono numerals.
+
+## 9 Voice
+Developer-plain — precise, no marketing lift. "New deployment" · "No pages need review —
+the last build passed" · "This reference is out of sync; regenerate the schema before
+publishing."
+
+## 10 Do's & Don'ts
+Do anchor every surface on the white canvas with cool-gray neutrals and near-black ink.
+Do reserve mint `primary` for the primary action, the focus `ring`, and the active-nav
+indicator — its scarcity is the voltage. Do pair Inter with Geist Mono — never a third
+face — and dress code, log, and terminal panels in the dark slate inlay. Don't set mint on
+body text or large fills — it loses signal. Don't promote a second chromatic accent, pill
+the controls, or signal elevation with heavy shadows.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet;
+density holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane
+queue+detail holds side by side. 1440: forms cap; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Reach for the white canvas with cool-gray neutrals and near-black ink — the quiet docs
+surface, not the marketing hero. Spend mint once per surface: primary action, focus ring,
+active-nav indicator; if two things want it, one is not primary. Pair Inter with Geist
+Mono; render code, log, and terminal panels in the dark slate inlay, real chrome. Keep
+long-form prose at 16px; every numeric column is mono `tabular-nums`. Dark is authored —
+consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.004 195)
+    foreground: oklch(0.16 0.005 200)
+    card: oklch(0.995 0.003 195)
+    card-foreground: oklch(0.16 0.005 200)
+    popover: oklch(0.995 0.003 195)
+    popover-foreground: oklch(0.16 0.005 200)
+    primary: oklch(0.77 0.155 169)
+    primary-foreground: oklch(0.16 0.005 200)
+    secondary: oklch(0.965 0.006 200)
+    secondary-foreground: oklch(0.22 0.006 200)
+    muted: oklch(0.965 0.006 200)
+    muted-foreground: oklch(0.47 0.008 200)
+    accent: oklch(0.945 0.007 200)
+    accent-foreground: oklch(0.22 0.006 200)
+    destructive: oklch(0.55 0.19 25)
+    destructive-foreground: oklch(0.99 0.008 25)
+    success: oklch(0.60 0.13 162)
+    warning: oklch(0.65 0.14 70)
+    border: oklch(0.92 0.006 200)
+    input: oklch(0.92 0.006 200)
+    ring: oklch(0.77 0.155 169)
+    surface-raised: oklch(0.985 0.005 195)
+    surface-overlay: oklch(0.995 0.003 195)
+    chart-1: oklch(0.68 0.14 169)
+    chart-2: oklch(0.58 0.16 250)
+    chart-3: oklch(0.65 0.15 60)
+    chart-4: oklch(0.55 0.15 320)
+    chart-5: oklch(0.62 0.15 25)
+    sidebar: oklch(0.975 0.005 200)
+    sidebar-foreground: oklch(0.16 0.005 200)
+    sidebar-primary: oklch(0.77 0.155 169)
+    sidebar-primary-foreground: oklch(0.16 0.005 200)
+    sidebar-accent: oklch(0.945 0.007 200)
+    sidebar-accent-foreground: oklch(0.22 0.006 200)
+    sidebar-border: oklch(0.92 0.006 200)
+    sidebar-ring: oklch(0.77 0.155 169)
+  dark:
+    background: oklch(0.20 0.006 200)
+    foreground: oklch(0.96 0.004 200)
+    card: oklch(0.24 0.007 200)
+    card-foreground: oklch(0.96 0.004 200)
+    popover: oklch(0.27 0.008 200)
+    popover-foreground: oklch(0.96 0.004 200)
+    primary: oklch(0.78 0.155 169)
+    primary-foreground: oklch(0.18 0.02 169)
+    secondary: oklch(0.26 0.008 200)
+    secondary-foreground: oklch(0.92 0.005 200)
+    muted: oklch(0.24 0.007 200)
+    muted-foreground: oklch(0.70 0.010 200)
+    accent: oklch(0.28 0.009 200)
+    accent-foreground: oklch(0.92 0.005 200)
+    destructive: oklch(0.64 0.17 25)
+    destructive-foreground: oklch(0.15 0.02 25)
+    success: oklch(0.68 0.14 162)
+    warning: oklch(0.74 0.14 70)
+    border: oklch(0.30 0.009 200)
+    input: oklch(0.30 0.009 200)
+    ring: oklch(0.78 0.155 169)
+    surface-raised: oklch(0.24 0.007 200)
+    surface-overlay: oklch(0.28 0.008 200)
+    chart-1: oklch(0.74 0.14 169)
+    chart-2: oklch(0.66 0.16 250)
+    chart-3: oklch(0.72 0.15 60)
+    chart-4: oklch(0.64 0.15 320)
+    chart-5: oklch(0.70 0.16 25)
+    sidebar: oklch(0.18 0.006 200)
+    sidebar-foreground: oklch(0.92 0.005 200)
+    sidebar-primary: oklch(0.78 0.155 169)
+    sidebar-primary-foreground: oklch(0.18 0.02 169)
+    sidebar-accent: oklch(0.26 0.008 200)
+    sidebar-accent-foreground: oklch(0.92 0.005 200)
+    sidebar-border: oklch(0.26 0.008 200)
+    sidebar-ring: oklch(0.78 0.155 169)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.015em }
+    h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 18px, line: 24px, weight: 600, family: sans }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 11px, line: 16px, weight: 600, family: sans, tracking: 0.05em, 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, headings], mono: [data, ids, timestamps, code] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.20 0.02 200 / 0.10)"
+    popover: "0 4px 14px oklch(0.20 0.02 200 / 0.08)"
+  dark-ladder: { background: 0.20, raised: 0.24, overlay: 0.28, hue-held: 200 }
+motion:
+  duration: { press: 110ms, fade: 150ms, panel: 220ms }
+  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: chart-1 }
+layout: { base: 4px, sidebar: [240px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1280px }
+```

package/data/harnesses/apollo/skills/design/design-md/library/miro.md

@@ -0,0 +1,209 @@
+---
+schema: design-md/v2
+id: miro
+tier: brand
+segments: [collaboration, whiteboard, creative]
+keywords: [white, black-ink, brand-blue, geometric, rounded, friendly]
+sourced: 2026-07-12
+sources: "design-md/v1 miro entry (2026-07-04) + 2026-07-12 re-audit of the collaboration-canvas brand; Roobert PRO (licensed) substituted with the open Plus Jakarta Sans Variable (geometric, friendly, medium-weight — the closest open match); JetBrains Mono for data; the 80px Roobert display, canary-yellow wordmark grace, pastel feature cards, and 120px hero rhythm stay behind; sticky-note pastels survive only as chart series; dark theme authored (not documented in-brand)"
+license: open
+---
+
+# miro — a bright studio whiteboard with one blue sticky on the live thread
+
+## 1 Visual Theme
+A bright studio wall of whiteboard: black marker for the real work, one blue sticky
+marking the live thread, and the colored notes stacked in the tray for later. Light by
+default; flat — hierarchy is hairline `border`, type weight, and the black/white contrast,
+never heavy shadow, and where a true overlay lifts, the shadow is soft and navy-tinted,
+never hard black. The primary action fills black — Miro's own primary is the black pill —
+so `primary` is achromatic and the one chromatic accent, brand blue, stays a scarce
+single-shot. Canary yellow is a wordmark grace, no operator role. Roomy but operator-dense.
+The dark theme is authored — a cool charcoal ladder.
+
+## 2 Color Roles
+Miro ink `foreground` on white `background`; `primary` fills black — the one primary
+action, active-nav fill, selected tab. `accent-foreground` brand blue is the single
+chromatic pop — inline links, the focus `ring`, active indicators — over a pale-lavender
+`accent` selection wash. Inputs take a stronger `input` edge than dividers (Miro's
+deliberate choice). Status hues speak status only; the sticky-note pastels survive only as
+`chart-*`; canary yellow is the wordmark grace, never a UI color. Sidebar sits a faint
+cool step off the white in both themes.
+
+## 3 Typography
+Plus Jakarta Sans (single voice — the open substitute for Roobert PRO, matching its
+geometric, slightly-rounded, medium-weight character) / JetBrains Mono (IDs, timestamps,
+log lines). Register scope: no hero display face — the elegant medium weight is the
+irreducible trait, so headings run 500, never 700 (the brand has no 700). The 600 weight
+is reserved for uppercase eyebrows and badge chips. Every numeric column renders
+`tabular-nums`; emphasis bumps 400 → 500, never size.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px), black `primary` fill on white — the marketing full-pill relaxes
+to the functional radius in dense chrome; the pill stays on icon-only buttons, filter
+chips, and badges. Inputs on `background` with the stronger `input` edge and a 2px
+brand-blue `ring`, no fill change, no glow. Cards on a hairline, `radius-lg` for larger
+panels; shadow only when it must lift. Table rows `muted` hover, pale-lavender `accent`
+selection with a brand-blue indicator, mono numerals. Detail opens in the side panel.
+Badges pill, `muted`/status fill, uppercase caption, never `primary` or brand blue.
+
+## 5 Layout
+4px base (8px the primary increment); ramp 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 64
+(the distinctive 20px step is kept). Sidebar 240/56px; topbar 64px (Miro's own nav height);
+side panel 440/640px; content max 1360px; tables full-width. Standard density leaning
+roomy, stepped per archetype, never absolute overrides.
+
+## 6 Depth
+Flat, with strategic soft depth on true overlays only — the surface ladder and hairlines
+carry rank. Light: overlays earn a soft navy-tinted shadow (hue near 290), never a hard
+black drop. Dark: the authored ladder — `background` 0.20 L, `surface-raised` +0.04,
+`surface-overlay` +0.08, hue held at 286. Focus is a 2px brand-blue `ring`, always visible;
+three z-levels: content, chrome, overlay.
+
+## 7 Motion
+Friendly but restrained. Named moments: `press` (primary action, 120ms), `board-fade`
+(content arrive, 150ms), `panel-slide` (side panel, 220ms, interruptible). Physicality is
+granted only to auth and first-run empty states; canvas-like surfaces never bounce;
+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; the categorical ramp spends the demoted sticky-note palette as encodings —
+brand blue, coral, teal, rose, orange (`chart-1..5`); tooltips on `surface-overlay` with
+mono numerals.
+
+## 9 Voice
+Friendly and plain — a tool that likes its users but respects their time. "New board" ·
+"Nothing shared with you yet — create a board to start" · "You can't edit this board; ask
+the owner for access."
+
+## 10 Do's & Don'ts
+Do fill black `primary` for the single most important action. Do keep brand blue scarce —
+inline links, the focus `ring`, active indicators only; a single-shot accent, never a fill
+or body-text color. Do carry hierarchy with size and the geometric face, never heavy
+weight — there is no 700. Don't reach for the sticky-note pastels as chrome — charts only.
+Don't spend canary yellow on a CTA, status hue, or background — it is the wordmark grace.
+Don't introduce a second chromatic accent or signal elevation with hard-black shadows —
+Miro's shadows are soft and navy-tinted.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet;
+density holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane list+detail
+holds side by side. 1440: content caps for forms; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Wear the spine, not the marketing: black ink on white, the friendly rounded radius, hairline
+depth. The primary action fills black; if two things want the black fill, one is not primary.
+Brand blue is single-shot — links, focus ring, active indicators — never a fill or body
+text; canary yellow is the wordmark grace. Hierarchy is size and the geometric face, never
+heavy weight — emphasise 400 → 500. Every numeric column is mono `tabular-nums`. Dark is
+authored — consult the block, never invert the whiteboard.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.004 271)
+    foreground: oklch(0.23 0.006 286)
+    card: oklch(0.995 0.003 271)
+    card-foreground: oklch(0.23 0.006 286)
+    popover: oklch(0.995 0.003 271)
+    popover-foreground: oklch(0.23 0.006 286)
+    primary: oklch(0.23 0.006 286)
+    primary-foreground: oklch(0.99 0.004 271)
+    secondary: oklch(0.975 0.005 265)
+    secondary-foreground: oklch(0.28 0.008 286)
+    muted: oklch(0.975 0.005 265)
+    muted-foreground: oklch(0.47 0.025 272)
+    accent: oklch(0.965 0.014 294)
+    accent-foreground: oklch(0.50 0.20 269)
+    destructive: oklch(0.56 0.20 25)
+    destructive-foreground: oklch(0.99 0.008 25)
+    success: oklch(0.62 0.14 158)
+    warning: oklch(0.72 0.15 82)
+    border: oklch(0.913 0.008 271)
+    input: oklch(0.84 0.014 274)
+    ring: oklch(0.57 0.235 269)
+    surface-raised: oklch(0.985 0.005 271)
+    surface-overlay: oklch(0.995 0.003 271)
+    chart-1: oklch(0.57 0.235 269)
+    chart-2: oklch(0.68 0.15 20)
+    chart-3: oklch(0.62 0.13 187)
+    chart-4: oklch(0.65 0.16 320)
+    chart-5: oklch(0.72 0.14 60)
+    sidebar: oklch(0.975 0.006 265)
+    sidebar-foreground: oklch(0.23 0.006 286)
+    sidebar-primary: oklch(0.23 0.006 286)
+    sidebar-primary-foreground: oklch(0.99 0.004 271)
+    sidebar-accent: oklch(0.955 0.014 294)
+    sidebar-accent-foreground: oklch(0.44 0.18 269)
+    sidebar-border: oklch(0.913 0.008 271)
+    sidebar-ring: oklch(0.57 0.235 269)
+  dark:
+    background: oklch(0.20 0.008 286)
+    foreground: oklch(0.96 0.004 271)
+    card: oklch(0.24 0.009 286)
+    card-foreground: oklch(0.96 0.004 271)
+    popover: oklch(0.27 0.010 286)
+    popover-foreground: oklch(0.96 0.004 271)
+    primary: oklch(0.96 0.004 271)
+    primary-foreground: oklch(0.20 0.008 286)
+    secondary: oklch(0.26 0.009 286)
+    secondary-foreground: oklch(0.92 0.005 271)
+    muted: oklch(0.24 0.009 286)
+    muted-foreground: oklch(0.70 0.020 272)
+    accent: oklch(0.30 0.05 290)
+    accent-foreground: oklch(0.82 0.10 275)
+    destructive: oklch(0.64 0.19 25)
+    destructive-foreground: oklch(0.15 0.02 25)
+    success: oklch(0.68 0.14 158)
+    warning: oklch(0.78 0.15 82)
+    border: oklch(0.30 0.010 286)
+    input: oklch(0.34 0.012 286)
+    ring: oklch(0.65 0.21 269)
+    surface-raised: oklch(0.24 0.009 286)
+    surface-overlay: oklch(0.28 0.010 286)
+    chart-1: oklch(0.65 0.21 269)
+    chart-2: oklch(0.72 0.14 20)
+    chart-3: oklch(0.70 0.12 187)
+    chart-4: oklch(0.70 0.15 320)
+    chart-5: oklch(0.78 0.14 60)
+    sidebar: oklch(0.18 0.008 286)
+    sidebar-foreground: oklch(0.92 0.005 271)
+    sidebar-primary: oklch(0.96 0.004 271)
+    sidebar-primary-foreground: oklch(0.20 0.008 286)
+    sidebar-accent: oklch(0.28 0.045 290)
+    sidebar-accent-foreground: oklch(0.82 0.10 275)
+    sidebar-border: oklch(0.26 0.010 286)
+    sidebar-ring: oklch(0.65 0.21 269)
+typography:
+  display: { family: "Plus Jakarta Sans Variable", fallback: "system-ui, sans-serif", weights: [500] }
+  sans: { family: "Plus Jakarta Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "JetBrains Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 500, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 500, family: sans, tracking: -0.01em }
+    h2: { size: 18px, line: 25px, weight: 500, family: sans }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 11px, line: 16px, weight: 600, family: sans, tracking: 0.05em, 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, headings], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.18 0.04 290 / 0.12)"
+    popover: "0 4px 14px oklch(0.18 0.04 290 / 0.10)"
+  dark-ladder: { background: 0.20, raised: 0.24, overlay: 0.28, hue-held: 286 }
+motion:
+  duration: { press: 120ms, fade: 150ms, panel: 220ms }
+  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: chart-3 }
+layout: { base: 4px, sidebar: [240px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1360px }
+```

package/data/harnesses/apollo/skills/design/design-md/library/mistral-ai.md

@@ -0,0 +1,201 @@
+---
+schema: design-md/v2
+id: mistral-ai
+tier: brand
+segments: [ai, dev-tools, business-tools]
+keywords: [warm, cream, editorial, orange, sunset, sober]
+sourced: 2026-07-12
+sources: "design-md/v1 mistral-ai entry (2026-07-04); 2026-07-12 re-audit of Mistral public brand; Inter substitutes the hero PP Editorial Old display; JetBrains Mono for code surfaces; the orange primary carries a warm-ink label (the marketing white-on-orange reads 3.3:1 at operator scale)"
+license: open
+---
+
+# mistral-ai — a warm editorial desk, one orange stamp on cream
+
+## 1 Visual Theme
+A sunlit editorial studio: a white working sheet laid on a cream desk, warm ink, and
+one saturated orange used like a wax stamp on the single action that matters. Light by
+default — the canvas stays near-white while the sidebar and grouped panels carry the
+cream warmth, so the temperature lives in the chrome, never a gradient. The dark theme
+is the same studio after dusk: warm charcoal held at the cream hue, lamp-lit rungs, the
+orange kept bright. The marketing sunset gradients and hero serif stay behind.
+
+## 2 Color Roles
+Warm ink `foreground` on a faintly-warm `background`; `primary` Mistral Orange is the
+one chromatic accent — the primary action, the focus `ring`, the active-nav marker —
+and its label runs warm ink, never white, for a crisp read. `accent` is a deeper cream
+selection lift; the cream body lives in `secondary`, `muted`, and the `sidebar`. The
+sunset yellows survive only in `chart-*`; status hues (`destructive`, `success`,
+`warning`) speak only status.
+
+## 3 Typography
+Inter (the open substitute for the licensed PP Editorial Old) over JetBrains Mono for
+code and IDs. The defining trait is editorial emphasis: page and section heads carry
+weight 500 with negative tracking — a marketing-desk lightness, never 600 bold — while
+the uppercase eyebrow takes 600. Register scope: the display register speaks in page
+titles, section heads, empty states, and auth; mono owns data, codes, IDs, and
+timestamps; numerals are always `tabular-nums`. Emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm` (8px), orange `primary` fill with warm-ink label, never a pill;
+secondary is cream `secondary` on a hairline. Inputs sit on `background` with a firmer
+`input` edge; focus draws the orange `ring` at 2px, no glow. Cards are `card` white on
+the cream canvas at `radius-lg` (12px), hairline-edged, shadowed only when lifted.
+Table rows carry `border` grid lines, `muted` hover, `accent` selection. Detail opens
+in the side panel; badges alone pill, with status fills.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1320px.
+Spacing leans comfortable — 44px controls, generous gutters — the editorial air the
+brand keeps; the hero-scale 96/120 rhythm stays behind.
+
+## 6 Depth
+Light: the cream-to-white surface step and warm hairlines carry all structure; a
+faint warm-tinted lift appears only under true overlays (popover, dialog). Dark: the
+surface ladder does depth — `background` 0.20 L, `surface-raised` +0.05,
+`surface-overlay` +0.10, hue held at 70. Focus is always the 2px orange `ring`,
+keyboard-first.
+
+## 7 Motion
+Reserved and brief. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`fade-arrive` (page content, 160ms), `stamp-press` (primary-action press, 120ms).
+Physicality is granted only to auth and first-run empty states; nothing animates in
+tables, palettes, or keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; the categorical ramp is the sanctioned sunset set — orange, amber,
+yellow, red, one cool counterpoint (`chart-1..5`); tooltips on `surface-overlay` with
+mono numerals.
+
+## 9 Voice
+Warm and plainspoken, an editor's register: verbs without exclamation, numbers stated
+flat. "Add key" · "Nothing queued — the last run finished 8 minutes ago" · "This
+request exceeds the rate limit; retry in 30 seconds or raise the tier."
+
+## 10 Do's & Don'ts
+Do carry the warmth in the cream chrome — sidebar and grouped panels — against a
+near-white canvas. Do keep heads at weight 500 with negative tracking; never bold the
+display to 600. Do reserve orange for exactly one element per viewport. Don't pill the
+CTA. Don't promote a sunset yellow or gradient into chrome — they are chart-only. Don't
+cool the neutrals to slate; the temperature is the identity.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; tables → card rows with
+mono figures. 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 under the content cap.
+
+## 12 Agent Prompt Guide
+Reach for the cream chrome first — the tint is Mistral. Spend orange once per surface:
+primary action, focus ring, active nav; if two things want it, one is not primary.
+Heads wear 500 with negative tracking. Every numeric column is `tabular-nums`; every
+ID, code, and timestamp is mono. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 90)
+    foreground: oklch(0.24 0.01 80)
+    card: oklch(0.997 0.003 85)
+    card-foreground: oklch(0.24 0.01 80)
+    popover: oklch(0.997 0.003 85)
+    popover-foreground: oklch(0.24 0.01 80)
+    primary: oklch(0.665 0.214 38)
+    primary-foreground: oklch(0.17 0.025 40)
+    secondary: oklch(0.965 0.014 92)
+    secondary-foreground: oklch(0.3 0.02 70)
+    muted: oklch(0.975 0.012 92)
+    muted-foreground: oklch(0.52 0.012 80)
+    accent: oklch(0.94 0.04 92)
+    accent-foreground: oklch(0.3 0.02 70)
+    destructive: oklch(0.576 0.209 29.5)
+    destructive-foreground: oklch(0.98 0.01 29)
+    success: oklch(0.627 0.13 149)
+    warning: oklch(0.68 0.13 70)
+    border: oklch(0.9 0.008 90)
+    input: oklch(0.86 0.01 88)
+    ring: oklch(0.665 0.214 38)
+    surface-raised: oklch(0.98 0.008 90)
+    surface-overlay: oklch(0.997 0.003 85)
+    chart-1: oklch(0.665 0.19 38)
+    chart-2: oklch(0.72 0.14 70)
+    chart-3: oklch(0.8 0.13 92)
+    chart-4: oklch(0.6 0.18 28)
+    chart-5: oklch(0.6 0.09 240)
+    sidebar: oklch(0.965 0.03 90)
+    sidebar-foreground: oklch(0.28 0.015 70)
+    sidebar-primary: oklch(0.665 0.214 38)
+    sidebar-primary-foreground: oklch(0.17 0.025 40)
+    sidebar-accent: oklch(0.92 0.04 90)
+    sidebar-accent-foreground: oklch(0.28 0.015 70)
+    sidebar-border: oklch(0.9 0.02 90)
+    sidebar-ring: oklch(0.665 0.214 38)
+  dark:
+    background: oklch(0.2 0.008 70)
+    foreground: oklch(0.94 0.008 85)
+    card: oklch(0.24 0.009 70)
+    card-foreground: oklch(0.94 0.008 85)
+    popover: oklch(0.28 0.01 70)
+    popover-foreground: oklch(0.94 0.008 85)
+    primary: oklch(0.7 0.2 40)
+    primary-foreground: oklch(0.17 0.025 40)
+    secondary: oklch(0.26 0.01 70)
+    secondary-foreground: oklch(0.9 0.008 85)
+    muted: oklch(0.25 0.01 70)
+    muted-foreground: oklch(0.72 0.012 78)
+    accent: oklch(0.3 0.02 75)
+    accent-foreground: oklch(0.92 0.008 85)
+    destructive: oklch(0.64 0.19 29)
+    destructive-foreground: oklch(0.15 0.02 29)
+    success: oklch(0.68 0.13 149)
+    warning: oklch(0.75 0.13 70)
+    border: oklch(0.29 0.01 70)
+    input: oklch(0.29 0.01 70)
+    ring: oklch(0.7 0.2 40)
+    surface-raised: oklch(0.25 0.009 70)
+    surface-overlay: oklch(0.3 0.01 70)
+    chart-1: oklch(0.72 0.19 40)
+    chart-2: oklch(0.8 0.14 70)
+    chart-3: oklch(0.87 0.13 92)
+    chart-4: oklch(0.68 0.17 28)
+    chart-5: oklch(0.7 0.09 240)
+    sidebar: oklch(0.18 0.008 70)
+    sidebar-foreground: oklch(0.9 0.008 85)
+    sidebar-primary: oklch(0.7 0.2 40)
+    sidebar-primary-foreground: oklch(0.17 0.025 40)
+    sidebar-accent: oklch(0.26 0.012 72)
+    sidebar-accent-foreground: oklch(0.92 0.008 85)
+    sidebar-border: oklch(0.24 0.01 70)
+    sidebar-ring: oklch(0.7 0.2 40)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500] }
+  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: 30px, line: 36px, weight: 500, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 500, family: display, tracking: -0.015em }
+    h2: { size: 18px, line: 24px, weight: 500, family: display, tracking: -0.01em }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 11px, line: 16px, weight: 600, family: sans, tracking: 0.09em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, codes, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 10px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.24 0.02 70 / 0.14)"
+    popover: "0 4px 16px oklch(0.24 0.02 70 / 0.1)"
+  dark-ladder: { background: 0.2, raised: 0.25, overlay: 0.3, hue-held: 70 }
+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: chart-5 }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1320px }
+```