Skip to content

feat(website): Paper redesign — warm Muji-inspired aesthetic#68

Closed
vraspar wants to merge 1 commit intomainfrom
feat/website-paper-redesign
Closed

feat(website): Paper redesign — warm Muji-inspired aesthetic#68
vraspar wants to merge 1 commit intomainfrom
feat/website-paper-redesign

Conversation

@vraspar
Copy link
Copy Markdown
Owner

@vraspar vraspar commented Mar 28, 2026

What

Complete visual direction change for the Brain CLI website. The dark Phosphor terminal theme is replaced with a warm, Muji-inspired Paper aesthetic.

Design Direction

Inspired by nousresearch.com (editorial structure), Fuji film (warm pastels), and Muji (functional minimalism). The goal: a site that feels like it was made by someone with taste, not generated by a template.

Changes

Visual

  • Background: #0a0a0a (near-black) -> #faf9f6 (warm cream)
  • Accent: #4ade80 (electric green) -> #5a7a64 (muted sage)
  • Headings: monospace -> Inter sans-serif
  • Code blocks: dark on light (the visual signature)
  • Cards: warm gray fill, 12px rounded corners

Structure

  • New: Sticky header nav (brain | Docs | Blog | GitHub)
  • New: Mobile hamburger menu
  • New: CSS architecture boxes (replaced ASCII diagram)
  • New: Blog link in nav and footer
  • Changed: 4 feature cards in 2x2 grid (Git, FTS5, MCP, Trails)
  • Changed: 3-step how-it-works (Start, Add knowledge, Discover)
  • Removed: Terminal typing animation (static code blocks now)
  • Fixed: Version shows v0.1.0-alpha

Technical

  • JS: 210 lines -> 70 lines (terminal.js -> main.js)
  • No framework, no build step
  • All WCAG AA+ contrast ratios
  • prefers-reduced-motion respected

Design spec

Full spec at designer-fd44c700/website-redesign-spec-v2-paper.md

Co-authored-by: Copilot 223556219+Copilot@users.noreply.github.com

Complete visual direction change from dark Phosphor to warm Paper theme:

- New color palette: cream background (#faf9f6), sage accent (#5a7a64)
- Sticky header nav with Docs, Blog, GitHub links
- Dark code blocks on light page (the visual signature)
- 4 feature cards in 2x2 grid (Git, FTS5, MCP, Trails)
- Clean CSS architecture diagram (no ASCII)
- Static code demos (removed terminal typing animation)
- Mobile hamburger menu with slide-out panel
- Scroll reveal with gentle fade-in (12px, 500ms)
- Inter for headings, JetBrains Mono for code only
- All WCAG AA+ contrast ratios
- JS reduced from ~210 lines to 70 lines
- Replaced terminal.js with main.js

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@vraspar
Copy link
Copy Markdown
Owner Author

vraspar commented Mar 30, 2026

Superseded — Paper redesign rejected.

@vraspar vraspar closed this Mar 30, 2026
@vraspar vraspar deleted the feat/website-paper-redesign branch March 30, 2026 17:49
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