refactor(design): one token language, and a gate that fails on slop - #72
Merged
Conversation
Solon was speaking Tailwind slate/gray while OrangeCat and FleetCrown speak semantic surfaces. Components now use the same names (text-fg-*, bg-surface-*, border-default). Radii flatten to 8px. Brand navy is a solid surface, not a gradient. design:check is in verify so the next slate class is a red build, not a vibe.
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.
Why
Solon was the sloppiest sibling. OrangeCat and FleetCrown speak
text-fg-*/bg-surface-*/border-default. Solon spoke 183 rawslate/grayutilities, 12–24px radii, page gradients, and had no design gate. That is three design systems, not one discipline.What
globals.cssis the only place raw color exists: primitives → semantic tokens with the same names as the other two products.npm run design:checkis inverify. The nexttext-slate-600is a red build.Contract (all three products)
globals.cssonly.OrangeCat/FleetCrown already mostly live this. Solon now does too, and cannot silently drift.
Test
node scripts/design-system-check.js→ ok.