docs(brand): mirror the app's hybrid warm palette into brand-tokens (app v0.5.0) - #172
Open
unforced wants to merge 1 commit into
Open
docs(brand): mirror the app's hybrid warm palette into brand-tokens (app v0.5.0)#172unforced wants to merge 1 commit into
unforced wants to merge 1 commit into
Conversation
…app v0.5.0) parachute-app shipped the "hybrid" pass (app-w2-1-tokens, PR #12, v0.5.0) — cream/forest/sage grounds, retained coral accent, sage-tinted shadows, a pill+24px-card radius system, self-hosted Fraunces/Figtree, and a "forest night" dark theme — per Aaron's ratified decision c ("app + site move together"). This mirrors those shipped values (read from the app's src/styles/index.css) into the site's brand-tokens.md source of truth, so the doc reflects reality rather than the earlier PROPOSED sketches. Documentation only — no site CSS/components touched; that adoption is separate, un-started work. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XLZtmuSs1RirWGMGyCB1QB
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
parachute-appshipped the "hybrid" palette pass (app-w2-1-tokens, merged app PR #12, v0.5.0) — Aaron's ratified decision c: "app + site move together." This PR mirrors those shipped values into the site's brand-source-of-truth doc,design/brand-tokens.md, so it reflects reality instead of the earlier PROPOSED sketches from the 2026-07-09 audit. Documentation only —design/brand-tokens.mdis a markdown reference doc (extracted prose + tables), not the site's actual CSS; no site styles or components were touched. The site's ownlanding-preview.html/style.cssstill carry the pre-hybrid values — adopting the new palette into the site's real CSS is separate, un-started work (flagged explicitly in the doc).Values were read directly from
parachute-app/src/styles/index.css(the shipped@themetoken block + the:rootdark-token block) — not just the pre-merge palette-diff proposal — so the doc matches what actually merged.Before / after (light)
--pc-paper#fdfaf4#fafaf6--pc-paper-2#f7f1e6#f7f5ec--pc-card#ffffff#fefefa--pc-ink#2a2521#233c2a(forest)--pc-ink-soft#6b6459#5b6f5e(sage-cast)--pc-line/-2#ece5d8/#e2d9c8#e4ece4/#d6e2d6--pc-ink-dim(new, promotes the doc's--fg-dimgap)#8a968b--pc-coral/-btn#e05d3c/#bf4a2a--pc-grass-soft#dcefe0#e1f0e4--pc-sage(net-new)#527e5d(green — collision-flagged vs. the doc's existing--sky/status-active blue)Before / after (shape, type, dark)
--radius-2xl, net-new); all interactive controls (buttons/inputs/selects) become full pills. Site's ownstyle.css(8–13px) and cloud console (7–14px) unchanged.-soft/-liftretune from the site's warm-brownrgbato a sage-tinted, negative-spreadoklch— flagged as a real divergence (same names, different values/color model), not silently resolved.@fontsource-variable— no CDN/Google Fonts, preserving the "no third-party font request" principle even though the literal "no webfont download" line no longer holds.--font-roundretires as an alias of Figtree. Documents the one-italic-accent-word device the italic axis exists to support.#161d18, card#1e271f, ink#e7ece5, coral-dark#ec7a5c, etc.), including the WCAG-AA on-accent flip (dark ink#2a1710on the lightened dark accent).§5 per-app delta notes (historical 2026-07-09 audit) and §5b (cloud-console-minted proposals) are left untouched as historical record, with a short callout in §5 pointing at the updated values above.
Scope flag
design/brand-tokens.mdis pure prose/markdown (title/description frontmatter + tables + narrative), not an importable CSS token source — confirmed via the site'sdesign.11tydata.json(excluded from collections, rendered standalone) and its own §6 "Proposed home" section, which explicitly frames it as option A (markdown reference) vs. a future option B (@parachute/design-tokenspackage). This PR only touches that markdown file. Adopting the hybrid palette into the site's actuallanding-preview.html/style.cssis a separate site-adoption effort, not started here.Test plan
npm run build(Eleventy) succeeds;design/brand-tokens/index.htmlrenders cleanly (verified, then_site/removed — gitignored output)git diff --statconfirms onlydesign/brand-tokens.mdchanged🤖 Generated with Claude Code
https://claude.ai/code/session_01XLZtmuSs1RirWGMGyCB1QB