@nurix/etna 0.18.19 → 0.18.20

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

@@ -0,0 +1,228 @@
+---
+schema: design-md/v1
+product: Expo
+provenance: library
+sourced: 2026-07-04
+---
+
+# Expo — the operator reading
+
+Expo's marketing surface is a quietly-confident developer platform: a pure-white editorial canvas
+with a soft sky-blue gradient behind the hero and a centered MacBook + iPhone device composite as its
+chrome. This entry keeps the parts an operator tool can wear — the near-black ink, the single **pure
+black** brand voltage, the cool-neutral grays, the compact developer radii, and the Inter + JetBrains
+Mono type voice — and leaves the marketing devices behind: the sky-gradient wash, the device-mockup
+hero, the 64px display type, and the dark-inversion feature cards do not follow the brand onto a CRM,
+a build queue, or a dashboard.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in. Flat and editorial: hierarchy is carried by hairline `border`, type
+weight, and near-black ink — never by heavy shadow (Expo ships a single very-soft drop). The one brand
+voltage is `primary` = **pure black `#000000`**, reserved for the single most important action on a
+surface; this is a deliberate brand override of the usual chromatic-accent floor (black is the only CTA
+fill Expo permits). The neutral ramp is a cool editorial gray anchored on ink `#171717`, so the whole
+UI reads engineered and restrained rather than warm. The anchor surface is a white content canvas
+beside a faintly off-white `sidebar`. Density is `standard` and steps denser per surface archetype.
+
+## 2 Color Roles
+
+Light values first (hex is the corpus's native format). One brand voltage — black `primary` — carries
+the primary action; a scoped link-blue serves inline references only; status hues speak only status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` / `popover` | pure white `#ffffff` | page, cards, and overlays — the dominant surface |
+| `foreground` | near-black ink `#171717` | all primary ink, display and body alike |
+| `muted` / `secondary` | soft neutral `#f0f0f3` | hover rows, subtle fills, secondary buttons, tiles |
+| `muted-foreground` | cool gray `#60646c` | labels, captions, secondary running text |
+| `border` / `input` | hairline-strong `#dcdee0` | card outlines, field edges, table grid lines |
+| `primary` | pure black `#000000` | the one primary action; active nav; press state `#1a1a1a` |
+| `accent` | neutral tint `#f0f0f3` | selected / hovered rows and nav (black has no light chroma tint) |
+| `ring` | ink `#171717` | the 2px focus outline — Expo focuses to ink, never a glow |
+| `destructive` | red `#dc2626` | destructive actions and error state only |
+| `success` / `warning` | green `#16a34a` / amber `#ab6400` | status signalling only, never chrome |
+
+The text-link blue `#0d74ce` is a scoped grace — inline body/reference links only, never a CTA or a
+chart-of-record accent (see §7). The sky-blue gradient (`#cfe7ff → #a8c8e8`) and the dark-inversion
+surfaces (`#171717` feature cards) are marketing devices; they carry no operator role.
+
+## 3 Typography
+
+One sans, one mono. `font-sans` is Inter — UI, body, and headings all ride it; heading weight and
+negative tracking, not a second family, carry the editorial voice (display weight holds at 600, never
+700). `font-mono` is JetBrains Mono for IDs, codes, timestamps, and log lines. Numeric columns render
+`tabular-nums` so figures align down a column (floor P4).
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 18px / 1.4 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 16px / 1.4 | `font-weight-strong` · `heading-tracking` |
+| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
+| small | labels, meta, dense tables | 13px / 1.4 | `font-weight-normal` |
+| caption | uppercase eyebrow | 11px / 1.4 | `font-weight-strong`, `+0.88px`, uppercase |
+| code | IDs, logs, snippets | 13px / 1.5 | JetBrains Mono, `font-weight-normal` |
+
+Bump weight for emphasis; never change size to emphasize. The 64/48/36px hero display steps stay
+behind — the operator ramp tops out at 24px.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled black `primary` on `primary-foreground`, `radius` (8px), no pill;
+  press darkens to `#1a1a1a`. Secondary: `secondary` fill, 1px `border`, `foreground`. Tertiary:
+  transparent, text-link blue label, inline only.
+- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus thickens to a 2px
+  `ring` (ink) outline, no glow. Field height runs generous.
+- **Card** — `card` surface, 1px `border`, `radius` (12px for cards); the single soft drop appears only
+  when a card must lift off the canvas (`shadow-intensity`); inset by `density-inset`.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
+  numeric columns; row selection tints `accent`.
+- **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 (floor P3).
+- **Badge** — pill (9999) with uppercase caption on a `muted` fill; status badges take
+  `success` / `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 20 · 24 · 32 · 48 · 64` (Expo keeps
+a 20px step for compact workflow rows). Shell dimensions map one-to-one to the layout primitives:
+sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`, side panel
+`side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms `form-max-width`,
+tables full-width. Density is governed globally by `density-tier` and stepped per archetype by the
+surface catalog — never by absolute overrides. Expo's 96px marketing section rhythm stays behind.
+
+## 6 Depth
+
+Flat and editorial. Hierarchy comes from the surface ladder and hairlines, not shadow:
+
+- **0 — canvas** `background`, no border.
+- **1 — panel / card** `card` on a 1px `border`; the single soft drop `0 4px 12px rgba(0,0,0,0.04)`
+  only when a card must lift.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
+  shadow. Rank is border and position, never a heavier stacked shadow.
+
+Focus is a 2px `ring` outline in ink (never a glow), visible on every interactive element (floor P6).
+Three z-levels: content, sticky chrome, overlay. The sky-gradient backdrop and dark-inversion surfaces
+are marketing depth and do not appear in operator chrome.
+
+## 7 Do's & Don'ts
+
+- **Do** reserve black `primary` for the single most important action on a surface; everything else is
+  neutral or status.
+- **Do** carry hierarchy with hairlines, weight, and whitespace — the brand is predominantly flat.
+- **Do** set CTAs and inputs at 8px `radius` and cards at 12px — the developer dialect.
+- **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, and timestamps.
+- **Don't** introduce a saturated brand action color — black is the only primary fill.
+- **Don't** put the text-link blue on a CTA or button; it is for inline references only.
+- **Don't** pill the primary CTA — pill geometry is reserved for badges.
+- **Don't** bring the sky-blue gradient, the device-mockup hero, or the 64px display into operator chrome.
+- **Don't** signal elevation with heavy drop shadows; one soft drop is the ceiling.
+
+## 8 Responsive
+
+The operator sweep is 375 / 768 / 1024 / 1440.
+
+| Breakpoint | What changes |
+| --- | --- |
+| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
+| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
+| 1024 | sidebar expands; two-pane list+detail holds side by side |
+| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim for an operator surface wearing Expo:
+
+- Reach first for the black `primary` as the single action fill; keep every other control neutral on a
+  hairline `border`. If two things want the accent, one of them is not primary.
+- The text-link blue is a reference color only — inline links, breadcrumbs, entity cross-links. It
+  never fills a button and never leads a chart-of-record.
+- Carry IDs, codes, timestamps, and log lines in JetBrains Mono; every numeric column is `tabular-nums`.
+- Stay flat — hairline and weight before shadow. Reach past the single soft drop only for a real overlay.
+- Leave the marketing devices behind: no sky-gradient wash, no device-mockup hero, no 64px display
+  type, no dark-inversion feature cards. What carries is the palette, the cool-neutral temperature, the
+  8px/12px radius character, and the Inter + JetBrains Mono voice.
+- Every workflow completes from the keyboard; the ink `ring` focus outline is always visible (P6).
+
+```yaml design-primitives
+radius: 8px                                        # derived: Expo's developer-dialect CTA/input radius (rounded.md); cards step to 12px in the scale
+shadow-intensity: 0.3                              # derived: Expo ships one very-soft drop (0.04 alpha) — flatter than the operator default
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Inter, -apple-system, system-ui, sans-serif
+font-mono: JetBrains Mono, Fira Code, ui-monospace, monospace
+font-weight-normal: 400
+font-weight-strong: 600                            # rationale: Expo holds display weight at 600, never 700 — confident, not bombastic
+heading-tracking: -0.02em                          # derived: Expo tracks display negative (-0.5 to -1.92px); at operator heading sizes that lands near -0.02em
+duration-unit: 50ms                                # derived: corpus declares motion out of scope; functional operator timing
+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 operator ease
+contrast-boost: 1                                  # derived: component borders use hairline-strong (#dcdee0), which reads as a grid at standard density
+icon-stroke: 1.75                                  # derived: corpus silent on icons; refined operator lucide stroke
+icon-size-base: 16px                               # derived: corpus silent on icons
+sidebar-width-expanded: 248px                      # derived: no sidebar in the marketing corpus; operator shell default
+sidebar-width-collapsed: 56px                      # derived: operator shell default
+topbar-height: 56px                                # derived: Expo's marketing top-nav is 64px; operator chrome tightens to 56px
+side-panel-width: 420px                            # derived: no side panel in the marketing corpus; operator shell default
+side-panel-width-rich: 640px                       # derived: operator shell default
+modal-width-max: 560px                             # derived: operator shell default
+form-max-width: 640px                              # derived: operator shell default
+table-row-height: 44px                             # derived: Expo runs generous component heights (44px inputs); tables echo that airier read
+verbosity: default
+feedback: subtle                                   # rationale: Expo's quiet, editorial voice; feedback stays understated but legible
+density-tier: standard                             # derived: developer platform between terminal-dense and consumer-spacious; standard, stepping denser per archetype
+product-traits: [dev-tools, developer-platform, dashboard, ci-cd]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Inter, -apple-system, system-ui, sans-serif", mono: "JetBrains Mono, Fira Code, ui-monospace, monospace" }
+color-tokens:
+  light:
+    background: "#ffffff"
+    foreground: "#171717"
+    card: "#ffffff"
+    card-foreground: "#171717"
+    muted: "#f0f0f3"
+    muted-foreground: "#60646c"
+    border: "#dcdee0"
+    input: "#dcdee0"
+    ring: "#171717"
+    primary: "#000000"
+    primary-foreground: "#ffffff"
+    accent: "#f0f0f3"                              # derived: black primary has no light chroma tint; selected-row accent falls to the neutral surface-strong
+    accent-foreground: "#171717"
+    destructive: "#dc2626"                         # derived: Expo documents only a soft error-text rose (#eb8e90); a destructive action fill needs an accessible red
+    destructive-foreground: "#ffffff"
+    success: "#16a34a"
+    warning: "#ab6400"
+    popover: "#ffffff"
+    popover-foreground: "#171717"
+    secondary: "#f0f0f3"
+    secondary-foreground: "#171717"
+    chart-1: "#0d74ce"                             # derived: chart ramp drawn from Expo's scattered accent hues (link blue anchors — black does not chart)
+    chart-2: "#47c2ff"                             # derived: bright cyan from docs-widget accent
+    chart-3: "#16a34a"                             # derived: success green
+    chart-4: "#ab6400"                             # derived: warning amber
+    chart-5: "#8145b5"                             # derived: preview purple
+    sidebar: "#fafafa"                             # derived: no sidebar in corpus; faintly off-white canvas-soft beside the white content canvas
+    sidebar-foreground: "#171717"
+    sidebar-primary: "#000000"
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#f0f0f3"                      # derived: neutral hovered/selected nav tint
+    sidebar-accent-foreground: "#171717"
+    sidebar-border: "#f0f0f3"                      # derived: softer hairline for the sidebar's internal dividers
+    sidebar-ring: "#171717"
+spacing-scale: [2, 4, 8, 12, 16, 20, 24, 32, 48, 64]
+radius-scale: [0, 4, 8, 12, 16, 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
+```

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

@@ -0,0 +1,221 @@
+---
+schema: design-md/v1
+product: Figma
+provenance: library
+sourced: 2026-07-04
+---
+
+# Figma — the operator reading
+
+Figma's marketing canvas is an editorial black-and-white frame interrupted by oversized pastel
+color-block sections and pill CTAs — storytelling devices that stay on the marketing site with the
+poster-scale display type. An operator surface inherits the *spine*: pure black ink on pure white, a
+warm off-white for panels, hairline depth over shadow, one saturated chromatic accent (Figma
+magenta), and the figmaSans/figmaMono type voice. It reads as a serious tool made by people who like
+color — monochrome, calm, dense-capable, the joyful pastels demoted to chart encodings.
+
+## 1 Visual Theme
+
+Light by default; dark is not documented and stays opt-in. Flat: hierarchy is carried by hairline
+`border`, type weight, and the black/white contrast itself — never by heavy shadow, which the brand
+avoids by design. The spine is monochrome — pure black `foreground` on pure white `background`, with a
+faintly warm off-white `muted`/`sidebar`. A single chromatic accent, Figma magenta, is reserved and
+scarce: it carries the focus `ring` and active indicators, nothing decorative. The primary action
+fills black — Figma's own primary is achromatic — so magenta stays a single-shot pop. Density is
+`standard` and steps denser per archetype; the roomy 8px rhythm keeps it friendly, not cramped.
+
+## 2 Color Roles
+
+Light values first. The neutral spine is genuinely monochrome; magenta is the one chromatic hue that
+carries meaning, and the pastels appear only as chart series.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` / `popover` | white `#ffffff` | page, cards, and overlays — the dominant surface |
+| `foreground` | pure black `#000000` | all primary ink — headlines, body, labels |
+| `muted` / `secondary` | warm off-white `#f7f7f5` | hover rows, tile fills, secondary buttons, the sidebar ground |
+| `muted-foreground` | neutral gray `#666666` | labels, captions, table meta — the secondary ink role |
+| `border` / `input` | hairline `#e6e6e6` | every separator, grid line, and field edge |
+| `primary` | black `#000000` | the one primary action; active-nav fill; selected tab |
+| `accent` | pale magenta `#ffe4ef` | selected / hovered rows and nav — a tint, never a fill |
+| `ring` | magenta `#ff3d8b` | the focus outline and active indicator — the single chromatic pop |
+| `destructive` | red `#eb5757` | destructive actions and error state only |
+| `success` / `warning` | green `#1ea64a` / amber `#f2994a` | status signalling only, never chrome |
+
+The pastel color blocks (lime, lilac, cream, mint, pink, coral, navy) are marketing surfaces — no
+operator role, reappearing only as `chart-*` encodings (§7). Figma's marketing refuses a mid-gray text
+role; an operator surface needs one, so `muted-foreground` is a derived neutral gray, AA on white.
+
+## 3 Typography
+
+One sans, one mono — a single voice that flexes by weight, not a multi-family stack. `font-sans`
+substitutes for the proprietary figmaSans (Inter matches its fine variable-weight axis); the UI, body,
+and headings all ride it, weight and negative tracking carrying the display voice. `font-mono`
+substitutes for figmaMono — reserved for IDs, codes, timestamps, log lines, and uppercase
+eyebrow/caption labels, never body. Numeric columns render `tabular-nums`.
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 18px / 1.35 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 15px / 1.4 | `font-weight-strong` · `heading-tracking` |
+| body | UI + prose | 14px / 1.45 | `font-weight-normal` |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| eyebrow / caption | uppercase mono label | 12px / 1.3 | `font-mono`, `+0.05em`, uppercase |
+
+Bump weight one step for emphasis; never change size — weight, not scale, carries hierarchy. The
+poster-scale 86px/64px display steps and their aggressive negative tracking stay on the marketing site.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled black `primary` on white `primary-foreground`, `radius`, no pill.
+  Secondary: `secondary` fill, 1px `border`, `foreground`. Ghost: transparent, `accent` on hover.
+  Icon-only buttons stay circular (`radius-scale` full, 9999) — the one marketing shape that carries.
+- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the magenta `ring` at 2px, no fill change and no glow.
+- **Card** — `card` surface, 1px `border`, `radius`, inset by `density-inset`; shadow only when it must lift (`shadow-intensity`); large feature cards may take the large radius step.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on numeric columns; selection tints `accent` with a magenta `ring` indicator.
+- **Side panel** — detail and edit open beside the work (`side-panel-width`, `side-panel-width-rich` for content-heavy), not over it.
+- **Badge** — hairline `border`, `muted`/status fill, uppercase mono caption; status badges take `success` / `warning` / `destructive`, never `primary` or magenta.
+
+## 5 Layout
+
+Base spacing unit 8px (Figma's grid); the on-scale ramp is `4 · 8 · 12 · 16 · 24 · 32 · 48 · 96`.
+Shell dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded` /
+`sidebar-width-collapsed`, topbar `topbar-height` (56px — Figma's own nav 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` (through `density-gap`) and stepped
+per archetype by the surface catalog — never absolute overrides. The 96px section rhythm stays behind.
+
+## 6 Depth
+
+Flat and shadow-light. Hierarchy comes from the surface ladder, hairlines, and the black/white
+contrast — not shadow:
+
+- **0 — canvas** `background`, no border.
+- **1 — panel / card** `card` on a 1px `border`; shadow only when it must lift off the canvas.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
+  shadow (roughly `0 4px 16px rgba(0,0,0,0.06)`). Rank is border and position, never a heavier shadow.
+
+Focus is a 2px magenta `ring` outline (never a glow), visible on every interactive element — the one
+chromatic surface the keyboard-first operator sees constantly. Three z-levels: content, chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** reserve black `primary` for the single most important action on a surface; everything else is
+  neutral or status.
+- **Do** keep magenta scarce — the focus `ring` and small active indicators only. It is a single-shot
+  accent, not a fill or a text color.
+- **Do** carry hierarchy with hairlines, weight, and whitespace — the brand is emphatically flat, and
+  apply `tabular-nums` to numeric columns and `font-mono` to IDs, codes, and timestamps.
+- **Don't** reach for the pastel color blocks as UI chrome; they are marketing surfaces and appear
+  operator-side only as `chart-*` series.
+- **Don't** pill the primary CTA or reach for a radius outside `radius-scale` — pills stay on the
+  marketing site.
+- **Don't** introduce a second chromatic accent, spend magenta on body text or a whole fill, or signal
+  elevation with heavy drop shadows.
+
+## 8 Responsive
+
+The operator sweep is 375 / 768 / 1024 / 1440.
+
+| Breakpoint | What changes |
+| --- | --- |
+| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
+| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
+| 1024 | sidebar expands; two-pane list+detail holds side by side |
+| 1440 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim:
+
+- Wear the spine, not the marketing: pure black on white, warm off-white panels, hairline depth. The
+  color blocks, pill CTAs, and 86px display type stay behind.
+- Primary action fills black. If two things want the black fill, one of them is not primary.
+- Magenta is single-shot: the focus `ring` and active indicators only — never a fill, never body text.
+- Icon-only buttons stay circular; every other control uses the base `radius`.
+- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`.
+- The pastels live only in charts (`chart-1..5`); stay flat — hairline and weight before shadow, and
+  reach past a hairline only for a real overlay.
+
+```yaml design-primitives
+radius: 8px                                        # derived: Figma control radius (rounded.md, inputs/list items) carries the friendly rounding; the marketing pill (50px) stays behind
+shadow-intensity: 0.35                             # derived: brand is shadow-light by design (level-2 overlay is only 0.06 alpha); hairline and surface carry depth
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Inter, system-ui, sans-serif           # derived: figmaSans substitute (corpus names Inter for its fine variable-weight axis)
+font-mono: JetBrains Mono, ui-monospace, monospace # derived: figmaMono substitute (corpus names JetBrains Mono) — IDs, codes, log lines, eyebrows
+font-weight-normal: 400                            # derived: brand body runs 320-340 (display-tuned); Inter has no 320 stop and 300 is too thin for 13px tables, so 400
+font-weight-strong: 600                            # derived: operator emphasis bracketed by brand headline 540 / card-title 700
+heading-tracking: -0.01em                          # derived: matches Figma's headline-scale tracking (-0.26px at 26px); the -1.72px hero tracking is display-scale, stays behind
+duration-unit: 50ms                                # derived: corpus documents no motion (no-interaction policy); operator functional-motion base
+duration-fast: 100ms                               # derived: operator functional default
+duration-normal: 150ms                             # derived: operator functional default
+duration-slow: 250ms                               # derived: operator functional default
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: standard functional ease; corpus documents no motion
+contrast-boost: 1                                  # derived: pure black ink on white is already maximal contrast; hairlines are visible; no boost needed
+icon-stroke: 1.75                                  # derived: refined operator stroke, one step under lucide's 2
+icon-size-base: 16px                               # derived: operator default; matches the corpus's 16px comparison-checkmark glyph
+sidebar-width-expanded: 256px                      # derived: 8px-grid aligned (32 units), slightly roomier per the brand's generous rhythm
+sidebar-width-collapsed: 56px                      # derived: mirrors Figma's 56px top-nav height (7 units)
+topbar-height: 56px                                # brand: Figma's documented top-nav height
+side-panel-width: 440px                            # derived: 8px-grid aligned (55 units), roomy per brand character
+side-panel-width-rich: 640px                       # derived: 8px-grid aligned (80 units) for content-heavy detail
+modal-width-max: 560px                             # derived: 8px-grid aligned (70 units); modals for confirmations only
+form-max-width: 640px                              # derived: 8px-grid aligned (80 units)
+table-row-height: 44px                             # derived: brand's generous rhythm + the 44px min touch target the corpus cites; dense archetypes step down via the surface catalog
+verbosity: default
+feedback: subtle                                   # derived: brand is calm, editorial, shadow-light — quiet feedback fits
+density-tier: standard                             # derived: brand rhythm is generous (8px base) but operator work needs function; standard, leaning roomy
+product-traits: [design-tools, collaboration, dashboard, admin]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Inter, system-ui, sans-serif", mono: "JetBrains Mono, ui-monospace, monospace" }
+color-tokens:
+  light:
+    background: "#ffffff"
+    foreground: "#000000"
+    card: "#ffffff"
+    card-foreground: "#000000"
+    muted: "#f7f7f5"
+    muted-foreground: "#666666"       # derived: brand refuses mid-gray text on marketing; operator secondary ink needs it — neutral gray, 5.7:1 AA on white
+    border: "#e6e6e6"
+    input: "#e6e6e6"
+    ring: "#ff3d8b"                   # brand: Figma magenta, the single chromatic accent, on the focus ring
+    primary: "#000000"
+    primary-foreground: "#ffffff"
+    accent: "#ffe4ef"                 # derived: pale magenta tint for selection/hover surfaces
+    accent-foreground: "#000000"      # derived: ink-black for AA on the pale accent; magenta stays scarce on the ring/indicator
+    destructive: "#eb5757"            # derived: Figma product red, matching the palette's bright-friendly saturation
+    destructive-foreground: "#ffffff"
+    success: "#1ea64a"                # brand: documented semantic-success green
+    warning: "#f2994a"               # derived: Figma product amber; matches the success green's friendly saturation
+    popover: "#ffffff"
+    popover-foreground: "#000000"
+    secondary: "#f7f7f5"
+    secondary-foreground: "#000000"
+    chart-1: "#ff3d8b"               # brand: magenta anchors the ramp as the saturated primary series
+    chart-2: "#7c5cde"               # derived: block-lilac (#c5b0f4) deepened for chart legibility
+    chart-3: "#1ea64a"               # brand: success green
+    chart-4: "#f2994a"               # derived: warning amber
+    chart-5: "#1f1d3d"               # brand: block-navy deep indigo
+    sidebar: "#f7f7f5"
+    sidebar-foreground: "#000000"
+    sidebar-primary: "#000000"
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#ffe4ef"        # derived: pale magenta hover/selection tint, matching accent
+    sidebar-accent-foreground: "#000000"
+    sidebar-border: "#e6e6e6"
+    sidebar-ring: "#ff3d8b"          # brand: magenta focus ring in the nav
+spacing-scale: [4, 8, 12, 16, 24, 32, 48, 96]
+radius-scale: [0, 6, 8, 24, 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
+```