Publish design-system recovery: simic-design export recovered, corrected, Namespec 2.0 - #4
Merged
Merged
Conversation
…ct (verbatim) The SimicDesignSystem_5a908e project reappeared in the owner's writable project list (PDR-0019 fork resolved: re-export, not reconstruction). Pulled all 57 missing source files verbatim via DesignSync get_file: tokens/ (4), components/ (33), guidelines/ (14), ui_kits/ (6); styles.css restored to its original four-@import form now that the token files exist. All 12 bundle sourceHashes verify (sha256 prefix) against the pulled jsx — these are the originals, per PDR-0019's adjudication rule. assets/ (mark.svg + 6 diagram SVGs) populated from site/assets/ per the byte-identical policy — deliberately NOT from upstream, whose copies predate the Namespec 2.0 diagram re-render. .thumbnail (app furniture) not pulled. Repo pre-commit normalizes EOF newlines on non-hashed files. Pulled content still carries the recorded stale values and Namespec 1.0 names; the next commit re-applies the readme's divergence-table corrections and the ADR-0008 renames, so the diff between these two commits IS the divergence record. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012qVBdHQtjsNsUbfMHSdyeF
… export Divergence-table corrections (readme, PDR-0018 era) re-applied on top of the verbatim pull: --color-bg-note dark hue 195→175, --color-bg-note-status dark hue 75→85, --color-accent-quiet deleted from tokens/colors.css, _ds_manifest.json (44→43 tokens) and both _adherence.oxlintrc.json allowlist entries; the two semantic-token specimen cards swap the dead accent-quiet chip for --color-link-hover. Manifest tokens diffed against site/style.css: clean (three calc()-notation-only differences in clamp()). Namespec 2.0 (ADR-0008) applied to pulled specimen copy: canonical sentence (content card, CanonQuote prompt, OverviewScreen), newsroom rule (quotes guideline, cite corrected §5.3→§5.5), footer + status Namespec stamps, wiki-kit nav and reading-path names. readme.md Index warning rewritten as the recovery record: export recovered and hash-verified, corrections re-applied, upstream project now BEHIND this directory (stale tokens, 1.0 names, pre-rename diagrams) — pushing it back upstream is owner-gated and not done. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012qVBdHQtjsNsUbfMHSdyeF
…ort executed Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012qVBdHQtjsNsUbfMHSdyeF
…d, Namespec 2.0 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012qVBdHQtjsNsUbfMHSdyeF
…ream agree) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012qVBdHQtjsNsUbfMHSdyeF
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
There was a problem hiding this comment.
Pull request overview
Publishes the recovered Simic design-system export and associated documentation/UI kits, updating PDR-0019 to reflect acceptance/execution and restoring the previously-missing token/component/guideline assets under .claude/skills/simic-design/.
Changes:
- Updates PDR-0019 status/sign-off details to “accepted” with execution notes.
- Restores the design-system file tree (tokens, components, guidelines, UI kits, assets) and reverts
styles.cssto token-file@imports. - Updates the design-system skill readme and metadata (manifest/adherence) to reflect the recovered export and applied corrections.
Reviewed changes
Copilot reviewed 52 out of 69 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| docs/product/decisions/0019-design-system-recovery-path.md | Marks PDR-0019 accepted and records the re-export execution details. |
| .claude/skills/simic-design/ui_kits/wiki/README.md | Documents the wiki UI kit recreation and constraints. |
| .claude/skills/simic-design/ui_kits/wiki/index.html | Adds a static HTML recreation of the design docs wiki screen. |
| .claude/skills/simic-design/ui_kits/website/README.md | Documents the website UI kit recreation and navigation behavior. |
| .claude/skills/simic-design/ui_kits/website/OverviewScreen.jsx | Adds React screen for the website “Overview” UI kit. |
| .claude/skills/simic-design/ui_kits/website/LineageScreen.jsx | Adds React screen for the website “Why this design” UI kit. |
| .claude/skills/simic-design/ui_kits/website/index.html | Adds a two-screen React-powered UI kit entrypoint. |
| .claude/skills/simic-design/tokens/typography.css | Introduces typography tokens (system stacks + clamp sizes). |
| .claude/skills/simic-design/tokens/spacing.css | Introduces spacing/layout tokens. |
| .claude/skills/simic-design/tokens/colors.css | Introduces OKLCH-based color + semantic tokens. |
| .claude/skills/simic-design/tokens/base.css | Adds base element styles consistent with the site. |
| .claude/skills/simic-design/styles.css | Restores global entrypoint as token-file imports. |
| .claude/skills/simic-design/readme.md | Updates skill documentation to reflect recovered export and correction status. |
| .claude/skills/simic-design/guidelines/type-mono.html | Adds typography guideline card (mono voice). |
| .claude/skills/simic-design/guidelines/type-headings.html | Adds typography guideline card (headings). |
| .claude/skills/simic-design/guidelines/type-body.html | Adds typography guideline card (body/inline). |
| .claude/skills/simic-design/guidelines/spacing.html | Adds spacing-scale guideline card. |
| .claude/skills/simic-design/guidelines/semantic-light.html | Adds semantic token guideline card (light). |
| .claude/skills/simic-design/guidelines/semantic-dark.html | Adds semantic token guideline card (dark). |
| .claude/skills/simic-design/guidelines/quotes.html | Adds quote styling guideline card. |
| .claude/skills/simic-design/guidelines/mark.html | Adds brand mark guideline card. |
| .claude/skills/simic-design/guidelines/links.html | Adds link/interaction guideline card. |
| .claude/skills/simic-design/guidelines/layout.html | Adds layout measure/page guideline card. |
| .claude/skills/simic-design/guidelines/ink-ramp.html | Adds ink ramp guideline card. |
| .claude/skills/simic-design/guidelines/diagrams.html | Adds diagram styling guideline card. |
| .claude/skills/simic-design/guidelines/callouts.html | Adds callout styling guideline card. |
| .claude/skills/simic-design/guidelines/accents.html | Adds accent color guideline card. |
| .claude/skills/simic-design/components/navigation/SiteFooter.prompt.md | Adds prompt doc for SiteFooter component. |
| .claude/skills/simic-design/components/navigation/SiteFooter.jsx | Adds SiteFooter component implementation. |
| .claude/skills/simic-design/components/navigation/SiteFooter.d.ts | Adds TypeScript typings for SiteFooter. |
| .claude/skills/simic-design/components/navigation/navigation.card.html | Adds navigation component preview card. |
| .claude/skills/simic-design/components/navigation/Masthead.prompt.md | Adds prompt doc for Masthead component. |
| .claude/skills/simic-design/components/navigation/Masthead.jsx | Adds Masthead component implementation. |
| .claude/skills/simic-design/components/navigation/Masthead.d.ts | Adds TypeScript typings for Masthead. |
| .claude/skills/simic-design/components/data/Split.prompt.md | Adds prompt doc for Split component. |
| .claude/skills/simic-design/components/data/Split.jsx | Adds Split component implementation. |
| .claude/skills/simic-design/components/data/Split.d.ts | Adds TypeScript typings for Split. |
| .claude/skills/simic-design/components/data/Diagram.prompt.md | Adds prompt doc for Diagram component. |
| .claude/skills/simic-design/components/data/Diagram.jsx | Adds Diagram component implementation. |
| .claude/skills/simic-design/components/data/Diagram.d.ts | Adds TypeScript typings for Diagram. |
| .claude/skills/simic-design/components/data/DataTable.prompt.md | Adds prompt doc for DataTable component. |
| .claude/skills/simic-design/components/data/DataTable.jsx | Adds DataTable component implementation. |
| .claude/skills/simic-design/components/data/DataTable.d.ts | Adds TypeScript typings for DataTable. |
| .claude/skills/simic-design/components/data/data.card.html | Adds data/layout component preview card. |
| .claude/skills/simic-design/components/data/CardGrid.prompt.md | Adds prompt doc for CardGrid component. |
| .claude/skills/simic-design/components/data/CardGrid.jsx | Adds CardGrid component implementation. |
| .claude/skills/simic-design/components/data/CardGrid.d.ts | Adds TypeScript typings for CardGrid. |
| .claude/skills/simic-design/components/content/Spine.prompt.md | Adds prompt doc for Spine component. |
| .claude/skills/simic-design/components/content/Spine.jsx | Adds Spine component implementation. |
| .claude/skills/simic-design/components/content/Spine.d.ts | Adds TypeScript typings for Spine. |
| .claude/skills/simic-design/components/content/PageHead.prompt.md | Adds prompt doc for PageHead component. |
| .claude/skills/simic-design/components/content/PageHead.jsx | Adds PageHead component implementation. |
| .claude/skills/simic-design/components/content/PageHead.d.ts | Adds TypeScript typings for PageHead. |
| .claude/skills/simic-design/components/content/Note.prompt.md | Adds prompt doc for Note component. |
| .claude/skills/simic-design/components/content/Note.jsx | Adds Note component implementation. |
| .claude/skills/simic-design/components/content/Note.d.ts | Adds TypeScript typings for Note. |
| .claude/skills/simic-design/components/content/content.card.html | Adds content component preview card. |
| .claude/skills/simic-design/components/content/CanonQuote.prompt.md | Adds prompt doc for CanonQuote component. |
| .claude/skills/simic-design/components/content/CanonQuote.jsx | Adds CanonQuote component implementation. |
| .claude/skills/simic-design/components/content/CanonQuote.d.ts | Adds TypeScript typings for CanonQuote. |
| .claude/skills/simic-design/assets/mark.svg | Adds the design-system mark asset. |
| .claude/skills/simic-design/assets/diagrams/observation-loop-light.svg | Adds observation-loop diagram (light). |
| .claude/skills/simic-design/assets/diagrams/observation-loop-dark.svg | Adds observation-loop diagram (dark). |
| .claude/skills/simic-design/assets/diagrams/assurance-loop-light.svg | Adds assurance-loop diagram (light). |
| .claude/skills/simic-design/assets/diagrams/assurance-loop-dark.svg | Adds assurance-loop diagram (dark). |
| .claude/skills/simic-design/_ds_manifest.json | Updates design-system manifest metadata and token list. |
| .claude/skills/simic-design/_adherence.oxlintrc.json | Updates adherence allowlists to reflect token removals. |
Suppressed comments (1)
.claude/skills/simic-design/components/navigation/Masthead.jsx:16
- Each masthead nav item uses an anchor but unconditionally calls
preventDefault(), so the navigation is non-functional in any real integration (it only works if a parent intercepts clicks). Sincehrefis already provided, remove the unconditional preventDefault; for placeholder links, usehref="#"at the call site (or make preventDefault conditional onhref==="#").
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
| <img class="header__logo" src="../../assets/mark.svg" alt=""> | ||
| <div class="header__title">Simic — High-Level Design <span class="header__topic">· Simic HLD — Index</span></div> | ||
| <div class="search"><svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M9.5 3a6.5 6.5 0 015.2 10.4l5 5-1.4 1.4-5-5A6.5 6.5 0 119.5 3m0 2a4.5 4.5 0 100 9 4.5 4.5 0 000-9z"/></svg>Search</div> | ||
| <button class="hbtn" id="toggle" title="Switch to dark mode" onclick="const h=document.documentElement;h.dataset.scheme=h.dataset.scheme==='slate'?'default':'slate'"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 8a4 4 0 100 8 4 4 0 000-8m0 10a6 6 0 110-12 6 6 0 010 12m8-9.3V4h-4.7L12 .7 8.7 4H4v4.7L.7 12 4 15.3V20h4.7l3.3 3.3 3.3-3.3H20v-4.7l3.3-3.3z"/></svg></button> |
Comment on lines
+6
to
+8
| <a href="#" style={{fontFamily:"var(--font-code)",fontSize:"1.05rem",fontWeight:600,letterSpacing:"0.02em",color:"var(--color-heading)",textDecoration:"none"}} onClick={e=>e.preventDefault()}> | ||
| <span style={{color:"var(--color-accent)"}}>{"\u25C8 "}</span>simic | ||
| </a> |
| @@ -1 +1 @@ | |||
| {"namespace":"SimicDesignSystem_5a908e","components":[{"name":"CanonQuote","sourcePath":"components/content/CanonQuote.jsx"},{"name":"Note","sourcePath":"components/content/Note.jsx"},{"name":"PageHead","sourcePath":"components/content/PageHead.jsx"},{"name":"Spine","sourcePath":"components/content/Spine.jsx"},{"name":"CardGrid","sourcePath":"components/data/CardGrid.jsx"},{"name":"DataTable","sourcePath":"components/data/DataTable.jsx"},{"name":"Diagram","sourcePath":"components/data/Diagram.jsx"},{"name":"Split","sourcePath":"components/data/Split.jsx"},{"name":"Masthead","sourcePath":"components/navigation/Masthead.jsx"},{"name":"SiteFooter","sourcePath":"components/navigation/SiteFooter.jsx"}],"startingPoints":[{"name":"Masthead","path":"components/navigation/Masthead.jsx","previewPath":"components/navigation/navigation.card.html","kind":"component","section":"Website","subtitle":"Masthead with wordmark and primary nav","viewport":"1100x80"},{"name":"website","path":"ui_kits/website/index.html","previewPath":"ui_kits/website/index.html","kind":"screen","section":"Website","subtitle":"Simic overview page with masthead, status note, spine, diagram","viewport":"1280x900"},{"name":"wiki","path":"ui_kits/wiki/index.html","previewPath":"ui_kits/wiki/index.html","kind":"screen","section":"Wiki","subtitle":"MkDocs Material docs page: teal header, nav sections, TOC","viewport":"1280x860"}],"cards":[{"path":"guidelines/callouts.html","group":"Brand","viewport":"700x240","subtitle":"3px left spine: teal = note, amber = status; mono uppercase label","name":"Callouts"},{"path":"guidelines/diagrams.html","group":"Brand","viewport":"700x300","subtitle":"Pre-rendered Mermaid SVGs, shipped in light/dark pairs — the brand's only imagery","name":"Diagrams"},{"path":"guidelines/mark.html","group":"Brand","viewport":"700x150","subtitle":"A teal diamond — favicon, and ◈ before the live-text wordmark. No logo image exists.","name":"The mark"},{"path":"guidelines/quotes.html","group":"Brand","viewport":"700x170","subtitle":"Canon quotes get the accent spine and a mono-path cite","name":"Quotes"},{"path":"guidelines/accents.html","group":"Colors","viewport":"700x110","subtitle":"Hue 175 (teal) carries emphasis; hue 85 (amber) is the only warning","name":"Accents"},{"path":"guidelines/ink-ramp.html","group":"Colors","viewport":"700x110","subtitle":"Hue 225 carries structure — backgrounds, text, borders","name":"Ink ramp"},{"path":"guidelines/links.html","group":"Colors","viewport":"700x120","subtitle":"Hover shifts color only — no underline games, no motion","name":"Links & states"},{"path":"guidelines/semantic-dark.html","group":"Colors","viewport":"700x230","subtitle":"Same tokens, dark side of every light-dark() pair","name":"Semantic tokens — dark"},{"path":"guidelines/semantic-light.html","group":"Colors","viewport":"700x230","subtitle":"One declaration each, via light-dark()","name":"Semantic tokens — light"},{"path":"components/content/content.card.html","group":"Components","viewport":"700x760","subtitle":"PageHead, Note (+status), CanonQuote, Spine","name":"Content"},{"path":"components/data/data.card.html","group":"Components","viewport":"700x720","subtitle":"CardGrid, DataTable, Split, Diagram","name":"Data & layout"},{"path":"components/navigation/navigation.card.html","group":"Components","viewport":"700x320","subtitle":"Masthead + SiteFooter — page frame chrome","name":"Navigation"},{"path":"guidelines/layout.html","group":"Spacing","viewport":"700x160","subtitle":"Prose 46rem; tables, diagrams and grids opt out to 62rem","name":"Measure & page"},{"path":"guidelines/spacing.html","group":"Spacing","viewport":"700x180","subtitle":"8px base: 4 / 8 / 16 / 24 / 32 / 48 / 72","name":"Spacing scale"},{"path":"guidelines/type-body.html","group":"Type","viewport":"700x190","subtitle":"1rem / 1.65, strong at 650 in heading color, em for contrastive stress","name":"Body & inline"},{"path":"guidelines/type-headings.html","group":"Type","viewport":"700x260","subtitle":"System stack, fluid clamp() sizes, sentence case","name":"Headings"},{"path":"guidelines/type-mono.html","group":"Type","viewport":"700x200","subtitle":"ui-monospace is the display voice: wordmark, taglines, labels, invariant chips","name":"Mono voice"},{"path":"ui_kits/website/index.html","group":"Website","viewport":"1280x900","subtitle":"simic.foundryside.dev — zero-JS static site, recreated click-through","name":"Overview page"},{"path":"ui_kits/wiki/index.html","group":"Wiki","viewport":"1280x860","subtitle":"simic.foundryside.dev/design/ — MkDocs Material (teal, system fonts), recreated","name":"Design docs — HLD index"}],"templates":[],"hasThumbnailHtml":true,"globalCssPaths":["tokens/colors.css","tokens/typography.css","tokens/spacing.css","tokens/base.css","styles.css"],"tokens":[{"name":"--ink-050","value":"oklch(0.985 0.004 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-100","value":"oklch(0.955 0.008 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-200","value":"oklch(0.905 0.012 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-300","value":"oklch(0.825 0.016 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-500","value":"oklch(0.495 0.024 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-700","value":"oklch(0.375 0.030 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-850","value":"oklch(0.235 0.026 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-900","value":"oklch(0.185 0.024 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-950","value":"oklch(0.145 0.020 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--teal-400","value":"oklch(0.780 0.110 175)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--teal-600","value":"oklch(0.560 0.105 175)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--teal-700","value":"oklch(0.470 0.098 175)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--amber-400","value":"oklch(0.800 0.105 85)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--amber-700","value":"oklch(0.520 0.105 85)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg","value":"light-dark(var(--ink-050), var(--ink-950))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg-subtle","value":"light-dark(var(--ink-100), var(--ink-900))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg-code","value":"light-dark(var(--ink-100), var(--ink-850))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg-note","value":"light-dark(oklch(0.965 0.020 175), oklch(0.235 0.030 195))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg-note-status","value":"light-dark(oklch(0.975 0.022 85), oklch(0.235 0.028 75))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-text","value":"light-dark(var(--ink-900), var(--ink-100))","kind":"font","definedIn":"tokens/colors.css"},{"name":"--color-text-muted","value":"light-dark(var(--ink-500), var(--ink-300))","kind":"font","definedIn":"tokens/colors.css"},{"name":"--color-heading","value":"light-dark(var(--ink-950), var(--ink-050))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-border","value":"light-dark(var(--ink-200), oklch(0.300 0.020 225))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-border-firm","value":"light-dark(var(--ink-300), oklch(0.380 0.024 225))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-accent","value":"light-dark(var(--teal-700), var(--teal-400))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-accent-quiet","value":"light-dark(var(--teal-600), oklch(0.660 0.080 175))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-warn","value":"light-dark(var(--amber-700), var(--amber-400))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-link","value":"var(--color-accent)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-link-hover","value":"color-mix(in oklch, var(--color-link) 72%, var(--color-text) 28%)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--font-body","value":"system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-code","value":"ui-monospace, \"SFMono-Regular\", Menlo, Consolas, \"Liberation Mono\", monospace","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h1","value":"clamp(2rem, calc(1.45rem + 2.6vw), 3.1rem)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h2","value":"clamp(1.35rem, calc(1.18rem + 0.8vw), 1.75rem)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h3","value":"clamp(1.08rem, calc(1.02rem + 0.3vw), 1.22rem)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--space-1","value":"0.25rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-2","value":"0.5rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-3","value":"1rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-4","value":"1.5rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-5","value":"2rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-6","value":"3rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-7","value":"4.5rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--measure","value":"46rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--page","value":"62rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--radius","value":"4px","kind":"radius","definedIn":"tokens/spacing.css"}],"themes":[],"fonts":[],"brandFonts":[],"source":"spa"} | |||
| {"namespace":"SimicDesignSystem_5a908e","components":[{"name":"CanonQuote","sourcePath":"components/content/CanonQuote.jsx"},{"name":"Note","sourcePath":"components/content/Note.jsx"},{"name":"PageHead","sourcePath":"components/content/PageHead.jsx"},{"name":"Spine","sourcePath":"components/content/Spine.jsx"},{"name":"CardGrid","sourcePath":"components/data/CardGrid.jsx"},{"name":"DataTable","sourcePath":"components/data/DataTable.jsx"},{"name":"Diagram","sourcePath":"components/data/Diagram.jsx"},{"name":"Split","sourcePath":"components/data/Split.jsx"},{"name":"Masthead","sourcePath":"components/navigation/Masthead.jsx"},{"name":"SiteFooter","sourcePath":"components/navigation/SiteFooter.jsx"}],"startingPoints":[{"name":"Masthead","path":"components/navigation/Masthead.jsx","previewPath":"components/navigation/navigation.card.html","kind":"component","section":"Website","subtitle":"Masthead with wordmark and primary nav","viewport":"1100x80"},{"name":"website","path":"ui_kits/website/index.html","previewPath":"ui_kits/website/index.html","kind":"screen","section":"Website","subtitle":"Simic overview page with masthead, status note, spine, diagram","viewport":"1280x900"},{"name":"wiki","path":"ui_kits/wiki/index.html","previewPath":"ui_kits/wiki/index.html","kind":"screen","section":"Wiki","subtitle":"MkDocs Material docs page: teal header, nav sections, TOC","viewport":"1280x860"}],"cards":[{"path":"guidelines/callouts.html","group":"Brand","viewport":"700x240","subtitle":"3px left spine: teal = note, amber = status; mono uppercase label","name":"Callouts"},{"path":"guidelines/diagrams.html","group":"Brand","viewport":"700x300","subtitle":"Pre-rendered Mermaid SVGs, shipped in light/dark pairs \u2014 the brand's only imagery","name":"Diagrams"},{"path":"guidelines/mark.html","group":"Brand","viewport":"700x150","subtitle":"A teal diamond \u2014 favicon, and \u25c8 before the live-text wordmark. No logo image exists.","name":"The mark"},{"path":"guidelines/quotes.html","group":"Brand","viewport":"700x170","subtitle":"Canon quotes get the accent spine and a mono-path cite","name":"Quotes"},{"path":"guidelines/accents.html","group":"Colors","viewport":"700x110","subtitle":"Hue 175 (teal) carries emphasis; hue 85 (amber) is the only warning","name":"Accents"},{"path":"guidelines/ink-ramp.html","group":"Colors","viewport":"700x110","subtitle":"Hue 225 carries structure \u2014 backgrounds, text, borders","name":"Ink ramp"},{"path":"guidelines/links.html","group":"Colors","viewport":"700x120","subtitle":"Hover shifts color only \u2014 no underline games, no motion","name":"Links & states"},{"path":"guidelines/semantic-dark.html","group":"Colors","viewport":"700x230","subtitle":"Same tokens, dark side of every light-dark() pair","name":"Semantic tokens \u2014 dark"},{"path":"guidelines/semantic-light.html","group":"Colors","viewport":"700x230","subtitle":"One declaration each, via light-dark()","name":"Semantic tokens \u2014 light"},{"path":"components/content/content.card.html","group":"Components","viewport":"700x760","subtitle":"PageHead, Note (+status), CanonQuote, Spine","name":"Content"},{"path":"components/data/data.card.html","group":"Components","viewport":"700x720","subtitle":"CardGrid, DataTable, Split, Diagram","name":"Data & layout"},{"path":"components/navigation/navigation.card.html","group":"Components","viewport":"700x320","subtitle":"Masthead + SiteFooter \u2014 page frame chrome","name":"Navigation"},{"path":"guidelines/layout.html","group":"Spacing","viewport":"700x160","subtitle":"Prose 46rem; tables, diagrams and grids opt out to 62rem","name":"Measure & page"},{"path":"guidelines/spacing.html","group":"Spacing","viewport":"700x180","subtitle":"8px base: 4 / 8 / 16 / 24 / 32 / 48 / 72","name":"Spacing scale"},{"path":"guidelines/type-body.html","group":"Type","viewport":"700x190","subtitle":"1rem / 1.65, strong at 650 in heading color, em for contrastive stress","name":"Body & inline"},{"path":"guidelines/type-headings.html","group":"Type","viewport":"700x260","subtitle":"System stack, fluid clamp() sizes, sentence case","name":"Headings"},{"path":"guidelines/type-mono.html","group":"Type","viewport":"700x200","subtitle":"ui-monospace is the display voice: wordmark, taglines, labels, invariant chips","name":"Mono voice"},{"path":"ui_kits/website/index.html","group":"Website","viewport":"1280x900","subtitle":"simic.foundryside.dev \u2014 zero-JS static site, recreated click-through","name":"Overview page"},{"path":"ui_kits/wiki/index.html","group":"Wiki","viewport":"1280x860","subtitle":"simic.foundryside.dev/design/ \u2014 MkDocs Material (teal, system fonts), recreated","name":"Design docs \u2014 HLD index"}],"templates":[],"hasThumbnailHtml":true,"globalCssPaths":["tokens/colors.css","tokens/typography.css","tokens/spacing.css","tokens/base.css","styles.css"],"tokens":[{"name":"--ink-050","value":"oklch(0.985 0.004 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-100","value":"oklch(0.955 0.008 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-200","value":"oklch(0.905 0.012 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-300","value":"oklch(0.825 0.016 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-500","value":"oklch(0.495 0.024 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-700","value":"oklch(0.375 0.030 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-850","value":"oklch(0.235 0.026 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-900","value":"oklch(0.185 0.024 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-950","value":"oklch(0.145 0.020 225)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--teal-400","value":"oklch(0.780 0.110 175)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--teal-600","value":"oklch(0.560 0.105 175)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--teal-700","value":"oklch(0.470 0.098 175)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--amber-400","value":"oklch(0.800 0.105 85)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--amber-700","value":"oklch(0.520 0.105 85)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg","value":"light-dark(var(--ink-050), var(--ink-950))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg-subtle","value":"light-dark(var(--ink-100), var(--ink-900))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg-code","value":"light-dark(var(--ink-100), var(--ink-850))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg-note","value":"light-dark(oklch(0.965 0.020 175), oklch(0.235 0.030 175))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-bg-note-status","value":"light-dark(oklch(0.975 0.022 85), oklch(0.235 0.028 85))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-text","value":"light-dark(var(--ink-900), var(--ink-100))","kind":"font","definedIn":"tokens/colors.css"},{"name":"--color-text-muted","value":"light-dark(var(--ink-500), var(--ink-300))","kind":"font","definedIn":"tokens/colors.css"},{"name":"--color-heading","value":"light-dark(var(--ink-950), var(--ink-050))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-border","value":"light-dark(var(--ink-200), oklch(0.300 0.020 225))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-border-firm","value":"light-dark(var(--ink-300), oklch(0.380 0.024 225))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-accent","value":"light-dark(var(--teal-700), var(--teal-400))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-warn","value":"light-dark(var(--amber-700), var(--amber-400))","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-link","value":"var(--color-accent)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-link-hover","value":"color-mix(in oklch, var(--color-link) 72%, var(--color-text) 28%)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--font-body","value":"system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-code","value":"ui-monospace, \"SFMono-Regular\", Menlo, Consolas, \"Liberation Mono\", monospace","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h1","value":"clamp(2rem, calc(1.45rem + 2.6vw), 3.1rem)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h2","value":"clamp(1.35rem, calc(1.18rem + 0.8vw), 1.75rem)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h3","value":"clamp(1.08rem, calc(1.02rem + 0.3vw), 1.22rem)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--space-1","value":"0.25rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-2","value":"0.5rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-3","value":"1rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-4","value":"1.5rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-5","value":"2rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-6","value":"3rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-7","value":"4.5rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--measure","value":"46rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--page","value":"62rem","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--radius","value":"4px","kind":"radius","definedIn":"tokens/spacing.css"}],"themes":[],"fonts":[],"brandFonts":[],"source":"spa"} | |||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Publishes the 5-commit design-system-recovery arc already merged on local main:
🤖 Generated with Claude Code
https://claude.ai/code/session_012qVBdHQtjsNsUbfMHSdyeF