Files

T

Paul Roberts 6593bdf689 feat: design system v1.0.0 — reconcile tokens from cross-repo audit

Extracted real production usage from 8 KDC repos and consolidated the
consensus (kdcsurveyadd / kdcvault / kdc_void_planner) into the canonical
design.md + tokens.

Highlights:
- brand.ink #000000 -> #1A1530 (purple-tinted, matches real usage)
- brand.canvas #F5F4F0 -> #F7F4ED (warm)
- neutral ramp rebuilt around ink (purple-tinted, not cold slate)
- semantic palette retuned for warm canvas + soft tints
- elevation shadows retinted with brand-ink rgb
- new accent.gold (product) and accent.mint (marketing) tokens
- real themes/light, themes/dark, themes/high-contrast
- fleshed out every component + foundation README
- docs/consolidation-2026-05.md captures the full audit + drift inventory

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-05-17 17:51:39 +00:00

2.4 KiB

Raw Permalink Blame History

Changelog

All notable changes to the KDC Design System will be documented in this file. The format follows Keep a Changelog and this project adheres to Semantic Versioning.

[1.0.0] — 2026-05-17

Changed (breaking)

Brand ink brand.ink #000000 → #1A1530 (purple-tinted; matches all on-brand product surfaces).
Canvas brand.canvas #F5F4F0 → #F7F4ED (warmer; consensus across surveyadd / vault / void).
Neutral ramp swapped from cold slate (#EDEFF3 / #6B7280 / #111827) to a purple-tinted ramp aligned with brand.ink.
Semantic palette retuned for the warm canvas — success #16A34A → #2F7A5A, warning #F59E0B → #C9892B, danger #DC2626 → #B0382F, info #0EA5E9 → #5C2D90. Each now ships a *Soft background tint.
Elevation shadows retinted with rgb(26 21 48) (brand ink) instead of rgb(17 24 39) (slate). New keys: elevation.focusRing.
brand.primaryHover #582A8D → #5C2D90 (matches primary-2 in product CSS).

Added

brand.primaryLight #8456C2, brand.primarySoft #F1E9F8, brand.canvasCool #F7F6FB.
accent.gold #C9892B (+ strong/soft), accent.mint #46C194 (workspace marketing).
scale.brand-50/100/200/500/600/700/800 for Tailwind-style usage.
neutral.50/150/400/600/700/800 (extra steps).
Semantic-soft tints, role tokens text.soft, text.disabled, text.brand, border.subtle.
Component variants in design.md: button.accent, button.outline, card.elevated, badge.success/warning/danger.
Fleshed-out READMEs for all components (buttons, cards, inputs, badges, modals, forms, navigation, tables, tooltips) and foundations (colors, typography, spacing, radius, elevation, motion, breakpoints, grid).
Real theme files for themes/light, themes/dark, themes/high-contrast.
docs/consolidation-2026-05.md — extraction report across the 8 KDC repos.

Notes

Reconciliation source: kdcsurveyadd, kdcvault, kdc_void_planner (refined product family) and k-d-c-workspace (marketing dashboard). These three product apps share an essentially identical implementation; the design system now reflects their consensus.
Drift identified in kdcdiary, kdctracker, kdcdocs, kdcmapper — different purples and typefaces. Tracked in the consolidation report; migration is out of scope for this release.

2.4 KiB Raw Permalink Blame History