Skip to content

Align docs site design with codex-website brand#25

Merged
KaladinX merged 1 commit into
mainfrom
design/align-with-codex-website
Apr 2, 2026
Merged

Align docs site design with codex-website brand#25
KaladinX merged 1 commit into
mainfrom
design/align-with-codex-website

Conversation

@KaladinX
Copy link
Copy Markdown
Collaborator

@KaladinX KaladinX commented Apr 2, 2026

Summary

  • Color palette: Replaced the sage-green Fumadocs defaults with the codex-website's teal (#00D4AA) primary, parchment (#FAFAF7) backgrounds, and deep navy (#1A1A2E) dark mode — matching the brand tokens from codexeditor.app
  • Typography: Switched from Inter to Plus Jakarta Sans for better docs readability with a warmer, more modern feel
  • Navigation: Added a "Website" link in the header pointing to codexeditor.app so docs feel connected to the main site; cleaned up nav title to a single cohesive "Codex Docs" label
  • Component details: Updated inline code styling, sidebar active states, and focus rings to use the new teal palette

Test plan

  • Run pnpm dev and verify light mode colors match the codex-website's teal/parchment palette
  • Toggle dark mode and verify navy backgrounds + warm off-white text
  • Check sidebar active state has teal left border
  • Verify "Website" nav link opens codexeditor.app in new tab
  • Check inline code blocks have warm-toned backgrounds (not green)
  • Verify headings and body text render in Plus Jakarta Sans

Made with Cursor

Remap color palette from sage-green to the codex-website's
teal/parchment/navy tokens, switch font to Plus Jakarta Sans,
and add a link back to codexeditor.app in the nav.

Made-with: Cursor
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 2, 2026

Deploy Preview for classy-clafoutis-ff4fd0 ready!

Name Link
🔨 Latest commit 4925a72
🔍 Latest deploy log https://app.netlify.com/projects/classy-clafoutis-ff4fd0/deploys/69ce98b2a788050008170a7e
😎 Deploy Preview https://deploy-preview-25--classy-clafoutis-ff4fd0.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 2, 2026

Deploy Preview for codex-documentation ready!

Name Link
🔨 Latest commit 4925a72
🔍 Latest deploy log https://app.netlify.com/projects/codex-documentation/deploys/69ce98b2dd0443000812bb99
😎 Deploy Preview https://deploy-preview-25--codex-documentation.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@KaladinX KaladinX merged commit eb36ebc into main Apr 2, 2026
9 checks passed
@KaladinX KaladinX deleted the design/align-with-codex-website branch April 2, 2026 16:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant