Apply brand identity and redesign docs home page#672
Open
Irozuku wants to merge 8 commits into
Open
Conversation
Remove logo.png, logos.png, favicon.ico. Add dashai-logo.svg and dashai-isotype.svg from the updated brand identity guide.
Point navbar to dashai-logo.svg (height 20px) and favicon to dashai-isotype.svg. Add Components navbar item class for section-color support.
… routes Add components as a named section. Strip locale prefix (e.g. /es/) before matching so all languages get correct section colors.
- Replace IBM Plex/Playfair Display with Geist via CDN - Set primary color to #2C7AFF (brand blue) - Update backgrounds to #FEFEFF (light) / #191817 (dark) - Replace gold/lime with brand palette: teal, purple, amber - Map doc sections to module colors: blue, teal, purple, orange - Add Components section styles using blue - Fix light-mode-only variable block to not override dark mode
Inline SVG section icons + brand isotype watermark, imported by both the English and Spanish home pages.
Full-bleed hero with radial-gradient + isotype watermark, eyebrow pill and CTA buttons; numbered section heads; wide 4-up card grid; teal "New to DashAI?" strip; and a bottom-pinned acknowledgments footer that blends with the page background.
Full-width hero, numbered section head over the doc-section cards, inline "New to DashAI?" strip, and acknowledgments footer band. Fixes the Component Reference link to a valid /components/tasks route.
Same full-width hero, sections, strip, and footer band with translated copy; matching /components/tasks link fix.
Irozuku
added
documentation
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
Aligns the documentation site with DashAI's updated brand identity and redesigns the home page so it reads as the same product as the app. Swaps in the new SVG logo/isotype, applies the brand palette (
#2C7AFFblue + module accents) and Geist typography across the Docusaurus theme, fixes sidebar section colors for the Components section and localized routes, and rebuilds the home page into a full width, app like layout (hero, section cards, footer band) in both English and Spanish.Type of Change
Check all that apply like this [x]:
Changes (by file)
docs/static/img/dashai-logo.svg,docs/static/img/dashai-isotype.svg: new brand SVG assets; removed legacylogo.png,logos.png,favicon.ico.docs/docusaurus.config.js: point navbar logo + favicon to the SVGs; addnavbar-item--componentsclass for section coloring.docs/src/theme/DocSidebar/Desktop/index.js: addcomponentsas a named section and strip the locale prefix (e.g./es/) before matching, so section accent colors apply on all languages and the Components section (bug fix).docs/src/css/custom.css: brand identity pass (Geist fonts,#2C7AFFpalette, backgrounds, module section colors, badges) + full home-page redesign styles (full-bleed hero with gradient/watermark, section heads, wide card grid, teal "New to DashAI?" strip, bottom-pinned acknowledgments footer).docs/src/components/HomeIcons.js: new shared inline SVG section icons + brand isotype watermark, imported by both locale home pages.docs/src/pages/index.js: rebuilt English home (hero, numbered section cards, CTA strip, footer band); fixed Component Reference link to/components/tasks.docs/i18n/es/docusaurus-plugin-content-pages/index.js: mirrored the redesign with translated copy.Testing
yarn buildpasses for bothenandeslocales./es/...and/components/...routes.Notes
docs/Docusaurus site; no application or library code is touched.@font-faceincustom.css); institution logos in the footer use white tiles intentionally so dark/colored PNGs stay legible in dark mode.