Design System integration + ISSUE 391 (On the House Style) + nav cleanup#52
Open
isaacsight wants to merge 3 commits into
Open
Design System integration + ISSUE 391 (On the House Style) + nav cleanup#52isaacsight wants to merge 3 commits into
isaacsight wants to merge 3 commits into
Conversation
… token reconciliation, editorial layer Integrate the kernel.chat Design System export as an improvement to the site. Three tracked pieces here (a fourth — the installable Agent Skill — lives outside the repo at ~/.claude/skills/kernel-chat-design/): - design-system/: the full layered system (tokens, primitives, components, ui_kits, templates, assets) plus a generated gallery (build-gallery.mjs -> index.html) embedding all 25 specimen cards at their declared viewports. The adherence oxlint config is scoped to this folder, deliberately NOT retrofit onto the literal-heavy monolith. - src/index.css: additive token reconciliation — the semantic alias layer (--surface-*, --text-*, --accent-spot, --border-hairline), the --weight-* scale, --shadow-block, and improved serif/mono fallback stacks (Georgia, Courier New). Every new token was referenced 0x in src/; verified no visual change on the running site. - src/styles/editorial.css: the editorial pop-* primitive block extracted verbatim from index.css (29,627 -> 29,494 lines) into a design-system- aligned layer, imported at the top of index.css. Cascade-safe (custom properties resolve at use time; no equal-specificity bare .pop- rule exists to flip). Verified pixel-identical on cover + fieldwork spread and clean vite build. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
A self-referential essay reading this session's design-system integration the way the magazine reads everyone else's moves: as a methods paper with the audit attached. The house style — one tomato spot, two faces, a single asterisk — bound this month into a portable, governed system. Identity decisions: - coverStock 'ivory' — the methods-bench / press-preview white. - coverLayout 'classic' — centred lockup, monument bottom-right. - coverOrnament 'asterisk-stamp' — the one system glyph IS the subject. - coverSeal PRESS · 工房 · VI·26 — the KERNEL PRESS workshop signs its own. - accent 'amethyst' — the cabinet seed reserved for issues about kernel.chat itself; fittingly the logo-mark purple, the one colour the system holds back from the page. - spread.type 'essay' with dossier + dataBlock + pullQuote + references. Registered in index.ts (LATEST_ISSUE flips to 391); PUBLISHING.md "Last updated" hygiene stamp refreshed. tsc --noEmit and vite build clean; cover (as LATEST) and full /issues/391 spread verified rendering with no console errors. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Drop two surfaces from the colophon nav: - Isaac's Portfolio — removed the /portfolio route + lazy import (router.tsx) and the nav link (IssueColophon.tsx). The PortfolioPage component and its public/portfolio_*.png images were untracked working-tree files, never committed; deleted locally. - The Wall — the /back-covers aggregate gallery: removed the route + lazy import, the nav link, and BackCoversPage.tsx. Kept intact: the per-issue back covers (IssueBackCover, the /issues/:n/back verso route, the backCover specs across ~12 issues, and the shared /back-covers/*.jpg images) — an integral magazine feature, distinct from the gallery. Removed routes degrade gracefully to the cover (no white-screen on stale bookmarks). tsc --noEmit and vite build clean (940 -> 937 modules); colophon verified: Back Issues · The Refusals · Privacy · Terms. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
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
1 participant
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.
Summary
Integrates the kernel.chat Design System as an improvement to the site, ships ISSUE 391 — On the House Style documenting the move, and removes two footer surfaces. Three logically-separated commits.
Commits
design-system/layered reference + generated gallery; additive token reconciliation insrc/index.css(semantic aliases,--weight-*,--shadow-block, improved font fallbacks — all referenced 0× before, no visual change); editorialpop-*layer extracted verbatim tosrc/styles/editorial.cssand imported at the top of index.css (29,627 → 29,494 lines). The installable Agent Skill lives outside the repo at~/.claude/skills/kernel-chat-design/.PRESS · 工房 · VI·26seal; dossier + dataBlock + pullQuote + references.LATEST_ISSUEflips to 391./portfolio) and The Wall (/back-coversaggregate gallery): routes, lazy imports, nav links,BackCoversPage.tsx. Per-issue back covers (/issues/:n/back,IssueBackCover,backCoverspecs) kept intact.Verification
tsc --noEmitcleanvite buildclean (937 modules)/issues/391spread (dossier · by-the-numbers · pull quote · works-cited all render), migrated editorial layer pixel-identical on cover + fieldwork spread, colophon reduced to Back Issues · The Refusals · Privacy · Terms. Zero console errors.Base
Targets
feat/kbot-fable-5(this branch forked from it).mainis behind by the Pressroom + kbot commits, so this base keeps the PR scoped to exactly these three commits.🤖 Generated with Claude Code