Seeded claude design
Some checks failed
ci / check (push) Has been cancelled
ci / release (push) Has been cancelled

This commit is contained in:
2026-05-23 16:34:14 +02:00
commit 9419f166ce
32 changed files with 2553 additions and 0 deletions

33
CHANGELOG.md Normal file
View File

@@ -0,0 +1,33 @@
# Changelog
All notable changes to `@whynot/design` are recorded here. Hand-edited until release cadence makes it painful.
Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). Versioning rules: see [`DesignSystemIntroduction.md` §5](./DesignSystemIntroduction.md#5-versioning-discipline).
## [Unreleased]
_Nothing yet. Add entries above the next `[vX.Y.Z]` block as PRs land._
## [0.1.0] — 2026-05-23
**Initial seed.** Established `whynot-design` as the implementation surface for the `whynot` visual language. Decision recorded in `whynot-control/DECISIONS.md` as DEC-004 (pending).
### Added
- `src/styles/colors_and_type.css` — full token set + semantic element styles.
- `tokens/` — source-of-truth JSON tokens for colours, type, spacing, radii, shadows.
- `src/components/Atoms.jsx``Eyebrow`, `Tag`, `Button`, `StageDot`, `Stamp`, `Icon`.
- `src/components/Chrome.jsx``TopNav`, `Sidebar`, `PageHeader`, `PipelineStrip`.
- `examples/whynot-control/` — click-through UI kit recreating the `whynot-control` surface (inbox, prototypes, prototype detail, signals, betas, decisions, control-doc viewer).
- `assets/whynot-logo.png` — LEGO-brick + `?!` mark.
- `SKILL.md` — Agent Skill manifest, cross-compatible with Claude Code.
- `README.md` — full design language.
- `DesignSystemIntroduction.md` — integration guide.
- `CONTRIBUTING.md` — contribution flow + house rules.
### Known caveats
- IBM Plex is loaded from Google Fonts. Drop `.woff2` files into `fonts/` and swap to a local `@font-face` for offline use.
- No build step — consumers import JSX directly. Promote to a build when the system has >30 components or needs non-React consumers.
- Playwright visual regression covers `examples/whynot-control/index.html` only. Add per-component coverage when component count exceeds ~20.
- `assets/whynot-logo.png` is raster. Re-draw as SVG before promoting to `1.0.0`.