docs: align VitePress site with re:cinq brand guidelines v1.0#686
Draft
nextlevelshit wants to merge 3 commits intomainfrom
Draft
docs: align VitePress site with re:cinq brand guidelines v1.0#686nextlevelshit wants to merge 3 commits intomainfrom
nextlevelshit wants to merge 3 commits intomainfrom
Conversation
#683) Spec, plan, and task breakdown for aligning the VitePress documentation site with re:cinq brand guidelines v1.0 — color palette, typography, logo, and component style updates across 17 tasks in 4 phases.
…ines v1.0 Replace generic indigo/purple palette with re:cinq brand colors: - Quantum Blue (#0014EB) as primary accent - Midnight Navy (#0F1F49) for dark mode backgrounds - Aurora gradient (E4E6FD → 5664F4 → 8F96F6) for hero sections - Pulse Blue and Soft Indigo as supporting accents - Crystal White / Neutral Fog for light mode backgrounds Add Neue Montreal font-face declarations with fallback stack. Replace logo.svg and favicon.svg with re:cinq leaf logomark. Update all terminal preview colors to harmonize with Midnight Navy. Update PipelineVisualizer persona colors to brand palette.
- Add recinq-theme.css to theme/styles/ and @import it in custom.css so --recinq-* custom properties are the authoritative brand token source - Add design-tokens.json and tailwind-preset.js to docs/public/ - Replace inline --brand-* variable block with references to --recinq-* - Replace pipeline-generated placeholder SVGs (logo.svg, favicon.svg) with the proper re:cinq leaf mark from brand guidelines v1.0
nextlevelshit
force-pushed
the
683-brand-guidelines
branch
from
98286b3 to
fc000a7
Compare
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
--vp-c-brand-1/2/3) to Quantum Blue / Pulse Blue / Soft IndigoRelated to #683
Changes
docs/.vitepress/theme/styles/custom.css— replaced all--wave-*colour variables with brand tokens, added Neue Montreal@font-faceimport, dark/light mode palettedocs/.vitepress/theme/styles/components.css— updated component colours (cards, badges, callouts) to brand palettedocs/.vitepress/theme/components/HeroSection.vue— Aurora gradient hero backgrounddocs/.vitepress/theme/components/TerminalPreview.vue— brand colour updates for terminal chromedocs/.vitepress/theme/components/TerminalOutput.vue— accent colour alignmentdocs/.vitepress/theme/components/PipelineVisualizer.vue— pipeline step colours to brand palettedocs/.vitepress/theme/components/CopyButton.vue— button accent colourdocs/.vitepress/config.ts— font preconnect for Neue Montreal CDNdocs/public/logo.svg— replaced with re:cinq leaf logomark (blue, brackets/slashes)docs/public/favicon.svg— new brand favicon (simplified leaf icon)specs/683-brand-guidelines/— implementation plan, spec, and task trackingTest Plan
npm run docs:devfor correct brand colours in light and dark mode#4f46e5or--wave-primaryreferences remain in updated files