Skip to content

Product redesign: design system, theme, and UI specification#474

Draft
AnthonyRonning wants to merge 3 commits intomasterfrom
feature/product-redesign
Draft

Product redesign: design system, theme, and UI specification#474
AnthonyRonning wants to merge 3 commits intomasterfrom
feature/product-redesign

Conversation

@AnthonyRonning
Copy link
Copy Markdown
Contributor

Summary

Adds the product redesign specification document (docs/product-redesign-spec.md) derived from designer PR #465.

This spec covers the authenticated product UI only -- the main chat interface, sidebar, dialogs, design tokens, and theme system. Marketing pages, landing pages, pricing, and other public-facing pages are explicitly out of scope.

What this PR contains (so far)

  • Redesign specification document with:
    • Complete design system token definitions (neutral scale, Maple semantic palette, sidebar chrome)
    • Class-based dark mode architecture with ThemeProvider
    • Surface-by-surface visual specifications for sidebar, chat, account menu, credit usage, model selector, markdown rendering
    • Exact CSS class specs for high-value components
    • Engineering standards and invariants (feature preservation, blast-radius awareness)
    • Implementation phase plan and acceptance checklist

What comes next

Implementation of the spec in subsequent commits on this branch, following the phased approach outlined in the document.

Reference

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 14, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: cdea6176-2256-4305-bfbb-2f390bbb49bf

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/product-redesign

Comment @coderabbitai help to get the list of available commands and usage tips.

@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Apr 14, 2026

Deploying maple with  Cloudflare Pages  Cloudflare Pages

Latest commit: 50dfc12
Status: ✅  Deploy successful!
Preview URL: https://bfa1135a.maple-ca8.pages.dev
Branch Preview URL: https://feature-product-redesign.maple-ca8.pages.dev

View logs

AnthonyRonning and others added 3 commits April 14, 2026 17:54
Detailed spec derived from designer PR #465, scoped to the
authenticated product UI only. Covers design system tokens,
theme architecture, component-by-component visual changes,
and engineering standards for reimplementation.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
Align the logged-in experience with the new design system so the team can review the updated typography, chat chrome, sidebar treatments, and semantic tokens without changing product behavior.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
Keep the empty-state headline centered when it wraps and let composer controls reflow on very narrow screens so send and voice actions stay visible.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
@AnthonyRonning AnthonyRonning force-pushed the feature/product-redesign branch from 07bfd88 to 50dfc12 Compare April 14, 2026 22:58
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