Skip to content

feat(design): UI design pass plan#32

Merged
kanywst merged 4 commits into
mainfrom
feat/exciting-design
May 24, 2026
Merged

feat(design): UI design pass plan#32
kanywst merged 4 commits into
mainfrom
feat/exciting-design

Conversation

@kanywst
Copy link
Copy Markdown
Member

@kanywst kanywst commented May 24, 2026

Goal

The design plan for making Zeus's chrome something a user notices when they first open the editor. VS Code's UI is functional but visually anonymous; Zed has reset what 'modern editor design' feels like in 2026.

Design: `docs/zeus-design.md`

Coverage

  • Title bar / activity bar / command palette redesigns
  • Per-OS native typography stack
  • Motion that earns its place
  • Four hand-tuned themes shipped enabled
  • Status bar grouped into clusters
  • Density modes

What this PR ships

`docs/zeus-design.md` only. Implementation is incremental; each section becomes its own commit + design review when work starts.

… motion, themes

Adds 'docs/zeus-design.md', the design plan for making Zeus's chrome
something you notice. Covers:

- title bar / activity bar / command palette redesigns
- per-OS native typography stack (SF Mono / Cascadia Code / JetBrains Mono)
- motion that earns its place (focus change, palette open, save)
- four hand-tuned themes shipped enabled (Light/Dark/HC/Dim)
- status bar grouped into git / AI / editor clusters
- density modes

Design only. Implementation is incremental; each section becomes its
own commit + design review when work starts.
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 24, 2026

Warning

Review limit reached

@kanywst, we couldn't start this review because you've used your available PR reviews for now.

Your plan currently allows 1 review/hour. Refill in 14 minutes and 33 seconds.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more review capacity refills, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than trial, open-source, and free plans. In all cases, review capacity refills continuously over time.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: c60fab14-def6-448d-8e7c-5d0839c40e96

📥 Commits

Reviewing files that changed from the base of the PR and between b82d214 and 3a17801.

📒 Files selected for processing (1)
  • docs/zeus-design.md
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/exciting-design

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

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

Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces a comprehensive design specification for the Zeus editor, covering UI components like the title bar, activity bar, and status bar, alongside guidelines for typography, motion, and themes. The review feedback suggests refining the Linux monospace font stack to prioritize native system fonts, adding a configuration option to toggle the real-time cost indicator in the status bar for a better user experience, and clarifying the hierarchy of the proposed density modes.

Comment thread docs/zeus-design.md Outdated
Comment thread docs/zeus-design.md Outdated
Comment thread docs/zeus-design.md Outdated
@kanywst kanywst marked this pull request as ready for review May 24, 2026 11:56
- Linux primary monospace: JetBrains Mono -> Ubuntu Mono. JetBrains
  Mono isn't system-native on Linux; move it to the bundled fallback
  slot. Keeps the 'per-OS native' framing honest.
- Status bar: explicit pointer to zeus.ai.hud.enabled so the cost
  segment can be hidden — clarifies the design isn't a forced
  always-on ticker.
- Density modes: spell out the comfortable > cozy > compact ordering
  (mirrors Material / Gmail convention) instead of listing them
  unordered. Removes ambiguity for implementation.
@kanywst
Copy link
Copy Markdown
Member Author

kanywst commented May 24, 2026

/gemini review

Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces a comprehensive design specification for the Zeus editor UI, outlining enhancements to the title bar, activity bar, command palette, typography, motion, themes, and status bar. Review feedback highlighted an inconsistency in the typography section regarding the Inter font's role, requested clarification for an unexplained icon in the status bar diagram, and noted that the screenshots required by the acceptance criteria are currently missing.

Comment thread docs/zeus-design.md Outdated
Comment thread docs/zeus-design.md Outdated
Comment thread docs/zeus-design.md Outdated
…creenshot scope

Address Gemini sweep:

- Inter on Linux: previously listed as both 'primary' and 'fallback'.
  Reword so the primary is the system UI font and Inter is the
  bundled fallback (same model as JetBrains Mono for monospace).
- Status bar diagram: the unlabeled [ ⓘ ] is actually the vscode
  Problems indicator. Spell it out and explain why we pull it next
  to the AI HUD (editor diagnostics adjacent to AI diagnostics).
- Acceptance criteria: 'before/after screenshot per section' was
  literally impossible in this design-only PR. Re-scope it to
  'when its implementation PR lands'.
@kanywst
Copy link
Copy Markdown
Member Author

kanywst commented May 24, 2026

/gemini review

Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces a comprehensive design document for the Zeus editor, detailing plans for UI components, typography, motion, and status bar layouts. Feedback includes addressing a broken link to a missing documentation file, improving font fallback consistency across platforms, adjusting animation durations for better visual smoothness, and simplifying redundant font stack definitions.

Comment thread docs/zeus-design.md Outdated
Comment thread docs/zeus-design.md Outdated
Comment thread docs/zeus-design.md Outdated
Comment thread docs/zeus-design.md Outdated
@kanywst
Copy link
Copy Markdown
Member Author

kanywst commented May 24, 2026

/gemini review

@gemini-code-assist
Copy link
Copy Markdown

Warning

You have reached your daily quota limit. Please wait up to 24 hours and I will start processing your requests again!

@kanywst kanywst merged commit 3d0d051 into main May 24, 2026
4 checks passed
@kanywst kanywst deleted the feat/exciting-design branch May 24, 2026 15:43
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