Skip to content

🤖 fix: align Shux logos with prior Mux geometry - #3896

Merged
ammario merged 1 commit into
mainfrom
fix/shux-logo-consistency
Aug 20, 2026
Merged

🤖 fix: align Shux logos with prior Mux geometry#3896
ammario merged 1 commit into
mainfrom
fix/shux-logo-consistency

Conversation

@ammar-agent

@ammar-agent ammar-agent commented Aug 20, 2026

Copy link
Copy Markdown
Collaborator

Summary

Corrects the new Shux logo family so the docs mark and app wordmarks preserve the typography, cursor scale, and spacing of the prior Mux logos.

Background

The initial Shux transition used a custom square S and live Arial text for the long wordmark. That made the docs glyph more than twice the cursor height, made rendering platform-dependent, and left excessive space before the cursor in the app header. This is a visual follow-up to #3867.

Implementation

  • Rebuilt the square mark as an outlined lowercase Geist Sans Bold s at the prior Mux glyph scale, with the original cursor dimensions and glyph-to-cursor spacing.
  • Rebuilt all long Shux wordmarks as outlined paths, preserving the prior Mux baseline, cursor dimensions, and fixed cursor gap.
  • Centralized source geometry in scripts/logoAssets.ts and extended the icon generator to update docs, browser, inline loader, favicon, tray, PWA, and VS Code variants together.
  • Updated the tray crop for the corrected square mark and let the sidebar preserve the wordmark's intrinsic aspect ratio.
  • Regenerated all tracked raster and vector outputs.
  • Formatted the rename callout currently on main so the formatting gate remains green.

Logo previews

Square mark Wordmark
Shux square mark Shux wordmark

Previews automatically use the black or white asset for the active GitHub theme.

Validation

  • bun scripts/generate-icons.ts update, followed by a second idempotence run
  • make build-icons
  • bun test src/browser/components/ProjectSidebar/ProjectSidebar.test.tsx
  • make static-check
  • Visual inspection of the docs navigation and app sidebar in dark mode at 1280px desktop and 390px mobile widths
  • Raster alpha-bound checks for docs, PWA, tray, and VS Code assets

Risks

Low. The change is isolated to logo geometry, generation, and one sidebar sizing class. Generated assets change across app packaging, docs, PWA, tray, and VS Code surfaces, so the visual snapshot set should be reviewed.


Generated with mux • Model: openai:gpt-5.6-sol • Thinking: xhigh • Cost: $457.10

Align every Shux mark and wordmark with the prior Mux logo's outlined
Geist geometry, cursor scale, and spacing. Generate the duplicated SVG,
inline, raster, favicon, tray, and extension assets from one source.

Also format the rename callout added on main so the repository's
formatting gate remains green.

---

_Generated with `mux` • Model: `openai:gpt-5.6-sol` • Thinking: `xhigh` • Cost: `$439.72`_

<!-- mux-attribution: model=openai:gpt-5.6-sol thinking=xhigh costs=439.72 -->
@mintlify

mintlify Bot commented Aug 20, 2026

Copy link
Copy Markdown

Preview deployment for your docs. Learn more about Mintlify Previews.

Project Status Preview Updated (UTC)
Mux 🟢 Ready View Preview Aug 20, 2026, 4:38 PM

💡 Tip: Enable Workflows to automatically generate PRs for you.

@ammar-agent

Copy link
Copy Markdown
Collaborator Author

@codex review

Please verify that the corrected Shux marks preserve the prior Mux typography, cursor scale, and spacing across all generated variants.

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. 🚀

Reviewed commit: 5fed6850c3

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@ammario
ammario merged commit 4e11c52 into main Aug 20, 2026
51 of 57 checks passed
@ammario
ammario deleted the fix/shux-logo-consistency branch August 20, 2026 17:25
ammario pushed a commit that referenced this pull request Aug 20, 2026
## Summary

Replaces the leftover Shux glyphs in the Xum logo family with a real Xum
square mark and wordmark, following the same centralized
outlined-geometry and asset regeneration model as #3896.

## Background

The product rename changed asset filenames and references from Shux to
Xum, but the generated vectors still drew a lowercase `s` and the word
`shux`. Because Xum is an anagram of Mux, the corrected logo can reuse
the exact Geist Sans Bold glyph outlines from the prior Mux logo in
`x-u-m` order while preserving the established baseline, scale, and
cursor spacing.

## Implementation

- Rebuilt the square mark with the prior Mux `x` glyph at the
established square-mark scale and cursor dimensions.
- Rebuilt the Xum wordmark by reordering the exact prior Mux `x`, `u`,
and `m` outlines.
- Kept all source geometry centralized in `scripts/logoAssets.ts` so
platform font rendering cannot change the mark.
- Adjusted the tray crop for the wider Xum mark, including one output
pixel of breathing room at 24px.
- Regenerated docs, browser, inline loader, favicon, PWA, tray, app
packaging, and VS Code assets together.

## Logo previews

<table>
  <tr>
    <th>Square mark</th>
    <th>Wordmark</th>
  </tr>
  <tr>
    <td align="center">
      <picture>
<source media="(prefers-color-scheme: dark)"
srcset="https://raw.githubusercontent.com/coder/xum/ab90d0fc4c3dfd1978347e3c27fc9fd435ccc0e8/docs/img/logo-white.svg">
<img
src="https://raw.githubusercontent.com/coder/xum/ab90d0fc4c3dfd1978347e3c27fc9fd435ccc0e8/docs/img/logo-black.svg"
alt="Xum square mark" width="96">
      </picture>
    </td>
    <td align="center">
      <picture>
<source media="(prefers-color-scheme: dark)"
srcset="https://raw.githubusercontent.com/coder/xum/ab90d0fc4c3dfd1978347e3c27fc9fd435ccc0e8/docs/img/white-xum.svg">
<img
src="https://raw.githubusercontent.com/coder/xum/ab90d0fc4c3dfd1978347e3c27fc9fd435ccc0e8/docs/img/black-xum.svg"
alt="Xum wordmark" width="300">
      </picture>
    </td>
  </tr>
</table>

_Previews automatically use the black or white asset for the active
GitHub theme._

## Validation

- Ran `bun scripts/generate-icons.ts update` twice to verify
idempotence.
- Ran `make build-icons`.
- Ran `bun test
src/browser/components/ProjectSidebar/ProjectSidebar.test.tsx` (37
passed).
- Ran `make static-check`.
- Verified alpha/content bounds for docs, PWA, tray, and VS Code
rasters; no mark touches an output edge.
- Visually inspected the sidebar at 1280px desktop and the app at a
440px mobile viewport.

## Risks

Low. The change is isolated to logo source geometry, tray cropping, and
generated assets. It touches every branded raster/vector output, so the
visual snapshot set should still be reviewed.

---

_Generated with `mux` • Model: `openai:gpt-5.6-sol` • Thinking: `xhigh`
• Cost: `$48.70`_

<!-- mux-attribution: model=openai:gpt-5.6-sol thinking=xhigh
costs=48.70 -->
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.

2 participants