Skip to content

feat(brand): adopt the squircle mesh mark and Air wordmark - #726

Merged
crs48 merged 1 commit into
mainfrom
codex/refined-air-brand
Oct 9, 2026
Merged

crs48 merged 1 commit into
mainfrom
codex/refined-air-brand

Conversation

@crs48

@crs48 crs48 commented Oct 9, 2026 •

Copy link
Copy Markdown
Owner

What

Replace the detailed cosmic icon with a mesh cell whose limbs and squircle center stay legible at small sizes. Favicons and app icons use a white mark on black. The site navigation, footer, and docs header use the rounded Air wordmark, with the mesh cell as the lowercase x.

Add the editable SVG masters, a reproducible asset generator, and transparent black and white PNG exports under site/public/brand/ (2048 × 2048 marks; 2400 × 912 wordmarks). Keep the header usable at narrow widths and give the docs brand and Docs label separate valid links.

Changelog

site/src/data/changelog/2026-10-09-a-clearer-xnet-app-icon.json describes the clearer icon and matching website wordmark.

Verification

  • pnpm --dir site build passes, including site content and output validation.
  • Full pre-push typecheck and test suite pass: 1,241 test files, 12,749 tests passed (4 skipped).
  • Commit hooks pass: formatting, 102 build/typecheck tasks, and the changed-test scan (no related tests).
  • Browser checks cover the site header at 320, 768, and 1440 px, plus the footer and docs header, in light and dark themes. The docs home link returns to the landing page.
  • Verified the shared squircle path, PNG dimensions/transparency/monochrome colors, seven PNG sizes in each ICO, and eleven valid ICNS representations.

Docs & site sync

  • Docs/landing updated for user-facing changes. Impact: site navigation and footer, docs header, favicons, and downloadable brand assets.

Summary by CodeRabbit

  • New Features
    • Updated xNet branding across the website with a new wordmark and app icon.
    • Improved navigation on smaller screens, including a shorter Connect button label.
  • Documentation
    • Added the font’s license information.
  • Chores
    • Added a changelog entry for the branding update.

- Replace the cosmic icons with a white mesh cell on black across desktop, mobile, web, and the
  site.
- Give the mesh cell a squircle center and use the matching Air wordmark in the site and docs.
- Add reproducible icon generation and transparent black and white PNG exports.

Signed-off-by: Chris Smothers <chris.smothers@gmail.com>
@crs48
crs48 temporarily deployed to pr-726 October 9, 2026 21:53 — with GitHub Actions Inactive
@coderabbitai

coderabbitai Bot commented Oct 9, 2026 •

Copy link
Copy Markdown

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: c3377615-e4c6-4dd3-a44d-a32394fc5b07

📥 Commits

Reviewing files that changed from the base of the PR and between 989f9ab and d5b4e80.


⛔ Files ignored due to path filters (17)
  • apps/electron/build/icon.ico is excluded by !**/*.ico
  • apps/electron/build/icon.png is excluded by !**/*.png
  • apps/expo/assets/adaptive-icon.png is excluded by !**/*.png
  • apps/expo/assets/icon.png is excluded by !**/*.png
  • apps/web/public/apple-touch-icon.png is excluded by !**/*.png
  • apps/web/public/favicon.ico is excluded by !**/*.ico
  • apps/web/public/favicon.svg is excluded by !**/*.svg
  • apps/web/public/icons/icon-192.png is excluded by !**/*.png
  • apps/web/public/icons/icon-512.png is excluded by !**/*.png
  • site/public/brand/xnet-mark-black.png is excluded by !**/*.png
  • site/public/brand/xnet-mark-white.png is excluded by !**/*.png
  • site/public/brand/xnet-wordmark-black.png is excluded by !**/*.png
  • site/public/brand/xnet-wordmark-white.png is excluded by !**/*.png
  • site/public/favicon.svg is excluded by !**/*.svg
  • site/public/mark.png is excluded by !**/*.png
  • site/public/mark.svg is excluded by !**/*.svg
  • site/public/wordmark.svg is excluded by !**/*.svg

📒 Files selected for processing (9)
  • apps/electron/build/icon.icns
  • apps/web/index.html
  • scripts/generate-brand-icons.mjs
  • site/public/brand/quicksand-ofl.txt
  • site/src/components/BrandWordmark.astro
  • site/src/components/docs/SiteTitle.astro
  • site/src/components/sections/Footer.astro
  • site/src/components/sections/Nav.astro
  • site/src/data/changelog/2026-10-09-a-clearer-xnet-app-icon.json

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.



📝 Walkthrough

Walkthrough

The changes add a script that generates brand icon assets, update favicon metadata, and replace text-based website marks with a reusable wordmark component. They also adjust responsive navigation visibility and add a font license and changelog entry.

Changes

Brand assets and website presentation

Layer / File(s) Summary
Generate and describe brand assets
scripts/generate-brand-icons.mjs, site/public/brand/quicksand-ofl.txt, apps/web/index.html, site/src/data/changelog/*
The new script prepares SVG, PNG, ICO, and ICNS assets and black and white mark and wordmark exports before writing outputs. The changes add the Quicksand font license, update favicon metadata, and add a changelog entry.
Use the wordmark across the website
site/src/components/BrandWordmark.astro, site/src/components/docs/SiteTitle.astro, site/src/components/sections/Footer.astro, site/src/components/sections/Nav.astro
A reusable accessible wordmark replaces text-based marks in the documentation title, navigation, and footer. Navigation link visibility and Connect link text change at responsive breakpoints.

Priority: ⬇️ Low

Estimated code review effort: 3 (Moderate) | ~20 minutes

Change: Feature


Merge Risk: ⚪ Minimal · up to d5b4e

No actionable merge-blocking issue is established; the branding update is ready for normal merge checks.

Pre-merge checks | Passed 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check Passed The title accurately and concisely summarizes the primary branding changes: adoption of the squircle mesh mark and Air wordmark.
Docstring Coverage Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 1…
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.


✨ Finishing Touches
📝 Generate docstrings
  • Commit to this branch
  • Create a new PR

🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR


  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Warning

Some tools did not complete. Review the errors below.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

site/src/components/BrandWordmark.astro

Parsing error: '}' expected.


site/src/components/docs/SiteTitle.astro

Parsing error: Expression expected.


site/src/components/sections/Footer.astro

Parsing error: Expression expected.


  • 1 others


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.

github-actions Bot added a commit that referenced this pull request Oct 9, 2026
@github-actions

github-actions Bot commented Oct 9, 2026 •

Copy link
Copy Markdown
Contributor

Preview removed for PR #726.

github-actions Bot added a commit that referenced this pull request Oct 9, 2026
@crs48
crs48 merged commit e7dc747 into main Oct 9, 2026
14 checks passed
@crs48
crs48 deleted the codex/refined-air-brand branch October 9, 2026 21:59
github-actions Bot added a commit that referenced this pull request Oct 9, 2026

This branch was previously deployed

1 inactive deployment
pr-726 — d5b4e805 Deployed Oct 9, 2026 by crs48 via deploy-preview #1482
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