| capability.design.whynot-system |
Whynot Design System |
Framework-agnostic visual language for whynot prototype/market-signal artefacts: design tokens, drop-in CSS, Lit-based web components usable from React/Django/Vue/plain HTML, and Django template adapters. |
whynot-design |
draft |
consumer |
| design-system |
| web-components |
| frontend |
|
| discovery |
availability |
| current |
target |
confidence |
rationale |
| D3 |
D4 |
medium |
README documents a clear three-layer architecture (tokens, CSS, Lit web components) plus a companion DesignSystemIntroduction.md describing propagation pipeline, versioning, and A1 staging relative to whynot-control. |
|
| current |
target |
confidence |
rationale |
| A2 |
A3 |
high |
Published as `@whynot/design` (not private: `"private": false` in package.json), ships a CLI (`whynot-design` bin), tokens/CSS/JS source, and Django adapters — genuinely consumable across frameworks today, not just planned. |
|
|
| completeness |
reliability |
| level |
confidence |
basis |
satisfied_expectations |
broken_expectations |
out_of_scope_expectations |
| C2 |
low |
scope_vs_intent_and_consumer_expectations |
| framework-agnostic Lit web components (same `<wn-button>` usable in React/Django/Vue/plain HTML) |
| design tokens as source of truth |
| Django adapter partials |
| package is publicly consumable (not private) |
|
|
|
|
| level |
confidence |
basis |
known_reliability_risks |
| R1 |
low |
consumer_quality_signals |
| cross-framework consumption claims not independently verified in every target framework during this sweep |
|
|
|
| intent |
includes |
excludes |
assumptions |
use_cases |
research_memos |
| Give whynot's prototype and market-signal artefacts a consistent, deliberately-unfinished visual language, consumable identically across any framework via framework-agnostic web components rather than per-framework reimplementation. |
| design tokens (tokens/*.json) |
| drop-in CSS (src/styles/*.css) |
| Lit-based web components (src/elements/*.js) |
| Django adapter partials |
|
| whynot-control's product/business logic itself (see whynot-control) |
|
|
|
|
|
| current_level |
target_level |
current_artifacts |
target_artifacts |
consumption_modes |
| A2 |
A3 |
| `@whynot/design` npm package (public) |
| `whynot-design` CLI |
|
|
| library import (npm) |
| cli |
| django template adapter |
|
|
| depends_on |
supports |
related_to |
|
|
|
|
|
| documentation |
tests |
consumer_feedback |
bug_reports |
incidents |
| README.md |
| DesignSystemIntroduction.md |
|
|
|
|
|
|
| recommended_for |
not_recommended_for |
known_limitations |
| whynot-family apps needing a consistent, framework-agnostic visual language across React/Django/Vue/plain HTML |
|
| consumers wanting a themed (non-neutral) visual language, or needing whynot-control's business logic itself |
|
| cross-framework consumption not independently re-verified in every target framework this sweep |
|
|
|