@heuresys/ui 0.1.0

package/package.json

@@ -0,0 +1,166 @@
+{
+  "name": "@heuresys/ui",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Heuresys UI — design system + dashboard components (Tier 1-16)",
+  "license": "PROPRIETARY",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./styles": "./src/styles/globals.css",
+    "./brand/candidates": "./src/components/brand/candidates/index.ts",
+    "./assets/brand/*": "./src/assets/brand/*"
+  },
+  "files": [
+    "dist",
+    "src/styles",
+    "src/components/brand/candidates",
+    "src/assets/brand",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "publish:dry": "npm publish --dry-run",
+    "publish:release": "npm publish",
+    "storybook": "storybook dev -p 6006",
+    "dev": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "typecheck": "tsc --noEmit",
+    "lint": "echo '@heuresys/ui: lint via tsc only' && exit 0",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "clean": "rimraf storybook-static node_modules/.cache",
+    "test:unit": "vitest run"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/resolvers": "^5.2.2",
+    "@iarna/toml": "^2.2.5",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.0",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@react-three/drei": "^10.7.7",
+    "@react-three/fiber": "^9.6.1",
+    "@tanstack/react-query": "^5.100.9",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.24",
+    "@types/canvas-confetti": "^1.9.0",
+    "@types/cytoscape": "^3.31.0",
+    "@types/d3": "^7.4.3",
+    "@types/papaparse": "^5.5.2",
+    "@types/qrcode": "^1.5.6",
+    "@types/react-grid-layout": "^2.1.0",
+    "@types/zxcvbn": "^4.4.5",
+    "@use-gesture/react": "^10.3.1",
+    "ai": "^6.0.173",
+    "canvas-confetti": "^1.9.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "cytoscape": "^3.33.3",
+    "d3": "^7.9.0",
+    "date-fns": "^4.1.0",
+    "echarts": "^6.0.0",
+    "echarts-for-react": "^3.0.6",
+    "exceljs": "^4.4.0",
+    "fast-xml-parser": "^5.7.2",
+    "focus-trap": "^8.2.0",
+    "focus-trap-react": "^12.0.1",
+    "framer-motion": "^12.38.0",
+    "jsqr": "^1.4.0",
+    "jszip": "^3.10.1",
+    "katex": "^0.16.45",
+    "lottie-react": "^2.4.1",
+    "lucide-react": "^1.14.0",
+    "mermaid": "^11.14.0",
+    "papaparse": "^5.5.3",
+    "qrcode": "^1.5.4",
+    "react-cytoscapejs": "^2.0.0",
+    "react-grid-layout": "^2.2.3",
+    "react-hook-form": "^7.74.0",
+    "react-international-phone": "^4.8.0",
+    "react-intersection-observer": "^10.0.3",
+    "react-markdown": "^10.1.0",
+    "react-signature-canvas": "^1.1.0-alpha.2",
+    "reactflow": "^11.11.4",
+    "recharts": "^3.8.1",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "shiki": "^4.0.2",
+    "signature_pad": "^5.1.3",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "three": "^0.184.0",
+    "use-gesture": "^1.0.0",
+    "vaul": "^1.1.2",
+    "zod": "^3.25.76",
+    "zxcvbn": "^4.4.2"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "^10.3.6",
+    "@storybook/addon-themes": "^10.3.6",
+    "@storybook/react-vite": "10.3.6",
+    "@tailwindcss/vite": "4.2.4",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@types/jest-axe": "^3.5.9",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "5.2.0",
+    "@vitest/coverage-v8": "^4.1.0",
+    "jest-axe": "^10.0.0",
+    "jsdom": "29.1.1",
+    "msw": "^2.14.3",
+    "msw-storybook-addon": "^2.0.7",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
+    "storybook": "10.3.6",
+    "tailwindcss": "4.2.4",
+    "tsup": "^8.5.1",
+    "typescript": "6.0.3",
+    "vite": "7.3.2",
+    "vitest": "^4.1.0"
+  },
+  "engines": {
+    "node": ">=20.0.0",
+    "npm": ">=10.0.0"
+  }
+}

package/src/assets/brand/candidates/UXIX-0007-logo/README.md

@@ -0,0 +1,31 @@
+# UXIX-0007 — Logo candidates
+
+Three exploratory logo candidates for the Heuresys brand identity v1. All SVG use `stroke="currentColor"` / `fill="currentColor"` so they inherit color from CSS (compatible with palette switcher + dark mode).
+
+## Candidates
+
+| ID | Concept | Symbol viewBox | Full viewBox | Wordmark weight |
+|----|---------|----------------|--------------|-----------------|
+| A | Hex node mark — hexagonal frame with internal 3-node constellation (skill + role + capability) | 48×48 | 220×48 | 700 (bold), letter-spacing −0.5 |
+| B | H ladder mark — rounded square with custom H letterform implying skill-progression rungs | 48×48 | 220×48 | 500 (medium), letter-spacing 0 |
+| C | Triangle constellation mark — circle scaffold + three nodes forming a triangle (people / role / capability) | 48×48 | 220×48 | 300 (light), letter-spacing 1, all-lowercase |
+
+## How to review
+
+1. Open `/showcase` in the running webapp (`pnpm dev` in `apps/web`); navigate to `/showcase/logo` (route to be added in the next iteration of this session — pending).
+2. View each candidate in light + dark theme; confirm `currentColor` inheritance.
+3. Render at sidebar-collapsed scale (24×24 effective for symbol) and at header scale (32px height) to verify legibility.
+4. Capture choice via `prompts/DESIGN_DECISION_CAPTURE_PROMPT.md` → update `DECISION_REGISTER.md` row UXIX-0007 to `Accepted` + create `ADR-0007-heuresys-logo-system.md`.
+
+## Files
+
+- `heuresys-logo-A-symbol.svg` — 48×48 symbol mark only
+- `heuresys-logo-A-full.svg` — 220×48 symbol + wordmark
+- `heuresys-logo-B-symbol.svg`
+- `heuresys-logo-B-full.svg`
+- `heuresys-logo-C-symbol.svg`
+- `heuresys-logo-C-full.svg`
+
+## After Acceptance
+
+The chosen candidate's symbol + full files are promoted to `D:\ux-design-shared\ui\src\brand\` as the canonical assets, then derivative variants (horizontal / monochrome / light / dark) and the favicon set (favicon.ico, favicon.svg, apple-touch-icon.png, icon-192.png, icon-512.png, manifest.webmanifest) are generated. The non-chosen candidates remain here as historical record (no deletion per register Rule 1).

package/src/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-A-full.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 48" role="img" aria-label="Heuresys candidate A — hex node + wordmark">
+  <title>Heuresys candidate A — hex node + wordmark</title>
+  <g>
+    <path d="M24 4 L41.32 14 V34 L24 44 L6.68 34 V14 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/>
+    <circle cx="16" cy="18" r="2.5" fill="currentColor"/>
+    <circle cx="32" cy="18" r="2.5" fill="currentColor"/>
+    <circle cx="24" cy="32" r="2.5" fill="currentColor"/>
+    <path d="M16 18 L24 32 L32 18 M16 18 L32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  </g>
+  <text x="56" y="32" font-family="'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif" font-size="24" font-weight="700" letter-spacing="-0.5" fill="currentColor">Heuresys</text>
+</svg>

package/src/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-A-symbol.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="Heuresys candidate A — hex node mark">
+  <title>Heuresys candidate A — hex node mark</title>
+  <path d="M24 4 L41.32 14 V34 L24 44 L6.68 34 V14 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/>
+  <circle cx="16" cy="18" r="2.5" fill="currentColor"/>
+  <circle cx="32" cy="18" r="2.5" fill="currentColor"/>
+  <circle cx="24" cy="32" r="2.5" fill="currentColor"/>
+  <path d="M16 18 L24 32 L32 18 M16 18 L32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/src/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-B-full.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 48" role="img" aria-label="Heuresys candidate B — H ladder + wordmark">
+  <title>Heuresys candidate B — H ladder + wordmark</title>
+  <g>
+    <rect x="6" y="6" width="36" height="36" rx="8" fill="none" stroke="currentColor" stroke-width="3"/>
+    <line x1="16" y1="14" x2="16" y2="34" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
+    <line x1="32" y1="14" x2="32" y2="34" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
+    <line x1="16" y1="19" x2="32" y2="19" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
+    <line x1="16" y1="24" x2="32" y2="24" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
+    <line x1="16" y1="29" x2="32" y2="29" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
+  </g>
+  <text x="56" y="32" font-family="'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif" font-size="24" font-weight="500" letter-spacing="0" fill="currentColor">Heuresys</text>
+</svg>

package/src/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-B-symbol.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="Heuresys candidate B — H ladder mark">
+  <title>Heuresys candidate B — H ladder mark</title>
+  <rect x="6" y="6" width="36" height="36" rx="8" fill="none" stroke="currentColor" stroke-width="3"/>
+  <line x1="16" y1="14" x2="16" y2="34" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
+  <line x1="32" y1="14" x2="32" y2="34" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
+  <line x1="16" y1="19" x2="32" y2="19" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
+  <line x1="16" y1="24" x2="32" y2="24" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
+  <line x1="16" y1="29" x2="32" y2="29" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
+</svg>

package/src/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-C-full.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 48" role="img" aria-label="Heuresys candidate C — triangle constellation + wordmark">
+  <title>Heuresys candidate C — triangle constellation + wordmark</title>
+  <g>
+    <circle cx="24" cy="24" r="20" fill="none" stroke="currentColor" stroke-width="2" opacity="0.4"/>
+    <circle cx="24" cy="12" r="4" fill="currentColor"/>
+    <circle cx="13" cy="32" r="4" fill="currentColor"/>
+    <circle cx="35" cy="32" r="4" fill="currentColor"/>
+    <line x1="24" y1="12" x2="13" y2="32" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+    <line x1="24" y1="12" x2="35" y2="32" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+    <line x1="13" y1="32" x2="35" y2="32" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  </g>
+  <text x="56" y="32" font-family="'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif" font-size="22" font-weight="300" letter-spacing="1" fill="currentColor">heuresys</text>
+</svg>

package/src/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-C-symbol.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="Heuresys candidate C — triangle constellation mark">
+  <title>Heuresys candidate C — triangle constellation mark</title>
+  <circle cx="24" cy="24" r="20" fill="none" stroke="currentColor" stroke-width="2" opacity="0.4"/>
+  <circle cx="24" cy="12" r="4" fill="currentColor"/>
+  <circle cx="13" cy="32" r="4" fill="currentColor"/>
+  <circle cx="35" cy="32" r="4" fill="currentColor"/>
+  <line x1="24" y1="12" x2="13" y2="32" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <line x1="24" y1="12" x2="35" y2="32" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <line x1="13" y1="32" x2="35" y2="32" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/src/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-D-full.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 48" role="img" aria-label="Heuresys candidate D — Y-accent wordmark">
+  <title>Heuresys candidate D — Y-accent wordmark (legacy port)</title>
+  <text x="110" y="34" text-anchor="middle" font-family="'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif" font-size="34" font-weight="700" letter-spacing="-0.5">
+    <tspan fill="#3B82F6">heures</tspan><tspan fill="#A855F7">y</tspan><tspan fill="#3B82F6">s</tspan>
+  </text>
+</svg>

package/src/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-D-symbol.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="Heuresys candidate D — Y-accent mark">
+  <title>Heuresys candidate D — Y-accent mark (legacy port)</title>
+  <text x="24" y="38" text-anchor="middle" font-family="'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif" font-size="44" font-weight="700" letter-spacing="0" fill="#A855F7">y</text>
+</svg>

package/src/assets/brand/legacy/README.md

@@ -0,0 +1,34 @@
+# Legacy Heuresys brand archive
+
+Imported 2026-05-19 from `D:\evo.heuresys.com\services\app\public\brand\` (evo.heuresys.com legacy codebase). User-authorized for UI assets reuse per memory `brownfield_legacy_source_paths.md`.
+
+## Files
+
+| File | Purpose | Notes |
+|------|---------|-------|
+| `heuresys-wordmark.svg` | Full wordmark, blue body + purple "y" | viewBox `22 6 136 24`, Exo 2 700, body `hsl(221,83%,53%)` = `#3B82F6`, accent `#a855f7` |
+| `heuresys-wordmark-monochrome-dark.svg` | Single-color white (for dark surfaces) | letter-spacing −1.17px |
+| `heuresys-wordmark-monochrome-light.svg` | Single-color blue (for light surfaces) | letter-spacing −1.17px |
+| `heuresys-mark.svg` | Just the "y" letterform | viewBox `0 0 32 32`, purple `#a855f7`, used as collapsed-sidebar symbol + favicon source |
+| `favicon.svg` | Rounded dark-bg + purple "y" | viewBox `0 0 32 32`, bg `#0a0d18` (deep navy), y `#a855f7` |
+| `og-image-template.svg` | Open Graph image template | for social share cards |
+
+## Brand concept extracted
+
+The legacy brand identity is a **lowercase wordmark with a single accent letter**:
+- `heuresys` rendered in Exo 2 700, lowercase
+- The middle letter "**y**" is rendered in a different color (purple) while the rest is in the primary blue
+- The "y" alone becomes the symbol / mark / favicon
+- The wordmark is the only branded asset; there is no separate symbol-only logo besides the "y" letter
+
+This is a distinct concept from the three Session-1 candidates (A=hex node, B=H ladder, C=constellation), all of which use a separate geometric mark beside the wordmark. The legacy approach is **typographic** rather than **geometric**.
+
+## How this archive is used
+
+These files are **historical reference only** — they are not directly served by `apps/web`. They informed the authoring of **Candidate D** in `D:\ux-design-shared\ui\src\components\brand\candidates\LogoCandidateD.tsx` (Y-accent wordmark) and the corresponding `heuresys-logo-D-{symbol,full}.svg` raw files in `../candidates/UXIX-0007-logo/`.
+
+If Candidate D is `Accepted` for UXIX-0007, these legacy files can either be:
+1. Used directly as the production assets (faster path), or
+2. Re-traced to match the new Heuresys design language (refined path).
+
+Non-chosen legacy files remain here as audit history per Decision Register Rule 1 (no deletion).

package/src/assets/brand/legacy/favicon.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Heuresys favicon">
+  <defs>
+    <style>
+      .favicon-bg { fill: #0a0d18; }  /* L21 legacy bg dark navy */
+      .favicon-y {
+        font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        font-weight: 700;  /* L25 same weight as body (no gap) */
+        font-size: 26px;
+        letter-spacing: 0;
+        fill: #a855f7;  /* legacy purple accent */
+      }
+    </style>
+  </defs>
+  <rect class="favicon-bg" width="32" height="32" rx="6" />
+  <text x="16" y="24" text-anchor="middle" class="favicon-y">y</text>
+</svg>

package/src/assets/brand/legacy/heuresys-mark.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Heuresys mark">
+  <defs>
+    <style>
+      .heuresys-mark-y {
+        font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        font-weight: 700;  /* L25 same weight as body (no gap) */
+        font-size: 32px;
+        letter-spacing: 0;  /* L16 letter-spacing naturale */
+        fill: #a855f7;
+      }
+    </style>
+  </defs>
+  <text x="16" y="26" text-anchor="middle" class="heuresys-mark-y">y</text>
+</svg>

package/src/assets/brand/legacy/heuresys-wordmark-monochrome-dark.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="22 6 136 24" role="img" aria-label="Heuresys" preserveAspectRatio="xMidYMid meet">
+  <defs>
+    <style>
+      .heuresys-wordmark-mono {
+        font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        font-weight: 700;
+        font-size: 26.6667px;
+        line-height: 0;
+        letter-spacing: -1.17px;
+        fill: #ffffff;
+      }
+    </style>
+  </defs>
+  <text x="90" y="24" text-anchor="middle" class="heuresys-wordmark-mono">heuresys</text>
+</svg>

package/src/assets/brand/legacy/heuresys-wordmark-monochrome-light.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="22 6 136 24" role="img" aria-label="Heuresys" preserveAspectRatio="xMidYMid meet">
+  <defs>
+    <style>
+      .heuresys-wordmark-mono-light {
+        font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        font-weight: 700;
+        font-size: 26.6667px;
+        line-height: 0;
+        letter-spacing: -1.17px;
+        fill: #3b82f6;
+      }
+    </style>
+  </defs>
+  <text x="90" y="24" text-anchor="middle" class="heuresys-wordmark-mono-light">heuresys</text>
+</svg>

package/src/assets/brand/legacy/heuresys-wordmark.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="22 6 136 24" role="img" aria-label="Heuresys" preserveAspectRatio="xMidYMid meet">
+  <defs>
+    <style>
+      .heuresys-wordmark {
+        font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        font-weight: 700;
+        font-size: 26.6667px;
+        line-height: 0;
+        letter-spacing: -0.5px;  /* L16 letter-spacing naturale */
+      }
+      .heuresys-wordmark-primary { fill: hsl(221, 83%, 53%); }
+      .heuresys-wordmark-accent  {
+        fill: #a855f7;
+        /* L25: same weight as body (no gap). Color is the only differentiator. */
+      }
+    </style>
+  </defs>
+  <text x="90" y="24" text-anchor="middle" class="heuresys-wordmark">
+    <tspan class="heuresys-wordmark-primary">heures</tspan><tspan class="heuresys-wordmark-accent">y</tspan><tspan class="heuresys-wordmark-primary">s</tspan>
+  </text>
+</svg>

package/src/assets/brand/legacy/og-image-template.svg

@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" role="img" aria-label="Heuresys — Organizational Intelligence">
+  <defs>
+    <radialGradient id="og-glow" cx="50%" cy="40%" r="50%">
+      <stop offset="0%" stop-color="#a855f7" stop-opacity="0.25" />
+      <stop offset="60%" stop-color="#3b82f6" stop-opacity="0.10" />
+      <stop offset="100%" stop-color="#0a0d18" stop-opacity="0" />
+    </radialGradient>
+    <style>
+      .og-bg { fill: #0a0d18; }  /* L21 legacy bg dark navy */
+      .og-glow { fill: url(#og-glow); }
+      .og-wordmark {
+        font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        font-weight: 700;
+        font-size: 160px;
+        letter-spacing: -3px;  /* L16 letter-spacing tightened ma non extreme */
+      }
+      .og-wordmark-primary { fill: #3b82f6; }
+      .og-wordmark-accent {
+        fill: #a855f7;
+        /* L25: same weight as body (no gap). Color is the only differentiator. */
+      }
+      .og-tagline {
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        font-weight: 500;
+        font-size: 32px;
+        fill: #e5e5ea;
+      }
+      .og-payoff {
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        font-weight: 400;
+        font-size: 22px;
+        fill: #9ca3af;
+        letter-spacing: 0.5px;
+      }
+    </style>
+  </defs>
+  <rect class="og-bg" width="1200" height="630" />
+  <ellipse class="og-glow" cx="600" cy="280" rx="700" ry="260" />
+  <text x="600" y="330" text-anchor="middle" class="og-wordmark">
+    <tspan class="og-wordmark-primary">heures</tspan><tspan class="og-wordmark-accent">y</tspan><tspan class="og-wordmark-primary">s</tspan>
+  </text>
+  <text x="600" y="420" text-anchor="middle" class="og-tagline">Il layer mancante tra ERP, HR e BI</text>
+  <text x="600" y="475" text-anchor="middle" class="og-payoff">Organizational Intelligence &amp; Workforce Orchestration</text>
+</svg>

package/src/components/brand/candidates/LogoCandidateA.tsx

@@ -0,0 +1,87 @@
+import type { SVGProps } from "react";
+
+/**
+ * UXIX-0007 candidate A — Hex node mark.
+ *
+ * Hexagonal frame with internal 3-node constellation (skill / role / capability
+ * triangulation). Reads as structured, geometric, enterprise-confident. Strong
+ * at small symbol scale.
+ *
+ * Wordmark: 700 (bold), letter-spacing −0.5.
+ *
+ * Raw SVG source: `@heuresys/ui/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-A-{symbol,full}.svg`.
+ * Uses `currentColor` for stroke + fill so the consumer controls color via CSS.
+ */
+
+export function LogoCandidateASymbol(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      role="img"
+      aria-label="Heuresys candidate A — hex node mark"
+      {...props}
+    >
+      <title>Heuresys candidate A — hex node mark</title>
+      <path
+        d="M24 4 L41.32 14 V34 L24 44 L6.68 34 V14 Z"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="3"
+        strokeLinejoin="round"
+      />
+      <circle cx="16" cy="18" r="2.5" fill="currentColor" />
+      <circle cx="32" cy="18" r="2.5" fill="currentColor" />
+      <circle cx="24" cy="32" r="2.5" fill="currentColor" />
+      <path
+        d="M16 18 L24 32 L32 18 M16 18 L32 18"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}
+
+export function LogoCandidateAFull(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 220 48"
+      role="img"
+      aria-label="Heuresys candidate A — hex node + wordmark"
+      {...props}
+    >
+      <title>Heuresys candidate A — hex node + wordmark</title>
+      <g>
+        <path
+          d="M24 4 L41.32 14 V34 L24 44 L6.68 34 V14 Z"
+          fill="none"
+          stroke="currentColor"
+          strokeWidth="3"
+          strokeLinejoin="round"
+        />
+        <circle cx="16" cy="18" r="2.5" fill="currentColor" />
+        <circle cx="32" cy="18" r="2.5" fill="currentColor" />
+        <circle cx="24" cy="32" r="2.5" fill="currentColor" />
+        <path
+          d="M16 18 L24 32 L32 18 M16 18 L32 18"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinecap="round"
+        />
+      </g>
+      <text
+        x="56"
+        y="32"
+        fontFamily="'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif"
+        fontSize="24"
+        fontWeight="700"
+        letterSpacing="-0.5"
+        fill="currentColor"
+      >
+        Heuresys
+      </text>
+    </svg>
+  );
+}

package/src/components/brand/candidates/LogoCandidateB.tsx

@@ -0,0 +1,65 @@
+import type { SVGProps } from "react";
+
+/**
+ * UXIX-0007 candidate B — H ladder mark.
+ *
+ * Rounded square + custom H letterform with internal rungs implying skill-
+ * progression. Direct semantic tie (H = Heuresys = HRMS) and ladder = career
+ * path / learning steps.
+ *
+ * Wordmark: 500 (medium).
+ *
+ * Raw SVG source: `@heuresys/ui/assets/brand/candidates/UXIX-0007-logo/heuresys-logo-B-{symbol,full}.svg`.
+ */
+
+export function LogoCandidateBSymbol(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      role="img"
+      aria-label="Heuresys candidate B — H ladder mark"
+      {...props}
+    >
+      <title>Heuresys candidate B — H ladder mark</title>
+      <rect x="6" y="6" width="36" height="36" rx="8" fill="none" stroke="currentColor" strokeWidth="3" />
+      <line x1="16" y1="14" x2="16" y2="34" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
+      <line x1="32" y1="14" x2="32" y2="34" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
+      <line x1="16" y1="19" x2="32" y2="19" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+      <line x1="16" y1="24" x2="32" y2="24" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+      <line x1="16" y1="29" x2="32" y2="29" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+    </svg>
+  );
+}
+
+export function LogoCandidateBFull(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 220 48"
+      role="img"
+      aria-label="Heuresys candidate B — H ladder + wordmark"
+      {...props}
+    >
+      <title>Heuresys candidate B — H ladder + wordmark</title>
+      <g>
+        <rect x="6" y="6" width="36" height="36" rx="8" fill="none" stroke="currentColor" strokeWidth="3" />
+        <line x1="16" y1="14" x2="16" y2="34" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
+        <line x1="32" y1="14" x2="32" y2="34" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
+        <line x1="16" y1="19" x2="32" y2="19" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+        <line x1="16" y1="24" x2="32" y2="24" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+        <line x1="16" y1="29" x2="32" y2="29" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+      </g>
+      <text
+        x="56"
+        y="32"
+        fontFamily="'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif"
+        fontSize="24"
+        fontWeight="500"
+        fill="currentColor"
+      >
+        Heuresys
+      </text>
+    </svg>
+  );
+}