Skip to content

docs: sync the action logo with the new org branding - #259

Merged
shenxianpeng merged 1 commit into
mainfrom
claude/sync-logo-branding-602anc
Aug 7, 2026
Merged

docs: sync the action logo with the new org branding#259
shenxianpeng merged 1 commit into
mainfrom
claude/sync-logo-branding-602anc

Conversation

@shenxianpeng

Copy link
Copy Markdown
Member

Why

assets/logo.png was still the old wordmark — a 128×128 badge with "COMMIT" set across the check — while the org moved to a wordless mark in commit-check/.github#49.

old new
art check + "COMMIT" wordmark the mark alone
size 128×128 128×128 (unchanged)
bytes 4994 3001

This file is embedded at width="20" in three places — the comment header built in main.py:40, and the two README previews (README.md:243, :267). At 20px the wordmark is an unreadable smudge, which is precisely why the new avatar dropped the text. The branding README says it outright:

The avatar is deliberately wordless. GitHub shows org avatars at around 40px in most places, and at that size a wordmark is an unreadable smudge.

The comment header renders at half that again.

What changed

One binary file. Re-rendered from branding/logo-mark.png, the asset the branding README nominates for "the mark alone, transparent, where a background already exists" — exactly this case, since the mark sits on the comment's own background rather than carrying its own.

Downscaled 1024 → 128 with Lanczos, keeping the existing dimensions so nothing referencing the file has to change.

Verification

Measured on the written file, not assumed:

  • Transparency survived — mode RGBA, alpha extrema (0, 255). A flattened export would have shown a 255 floor and rendered as a white box on dark themes, the exact defect the branding README flags about the legacy logo-small.jpg.
  • Brand colour intact — the dominant opaque colour is (44, 156, 205) = #2c9ccd, the value the branding README documents.

No code, workflow, or README text changes; the three references keep working untouched.

🤖 Generated with Claude Code

https://claude.ai/code/session_01U9zFxq8V4qxG4aMzJhGBFn


Generated by Claude Code

The comment header and the two README previews embed assets/logo.png at
width="20". That file was still the old wordmark — a 128x128 badge with
"COMMIT" set across it — while the org rebranded to a wordless mark in
commit-check/.github#49.

At the size it is actually displayed the wordmark is unreadable, which is
the reason the new avatar dropped the text in the first place; the
branding README says so directly: "GitHub shows org avatars at around
40px in most places, and at that size a wordmark is an unreadable smudge."
The header renders at half that again.

Re-rendered from branding/logo-mark.png, the asset that README nominates
for "the mark alone, transparent, where a background already exists" —
which is exactly the case here, since the mark sits on the comment's own
background. Downscaled 1024 -> 128 with Lanczos, keeping the file's
existing dimensions so nothing that references it has to change.

Measured on the result: RGBA preserved (alpha extrema 0-255, so the
transparent ground survived rather than being flattened to white), and
the dominant opaque colour is (44, 156, 205) = #2c9ccd, the brand colour
the branding README documents. 4994 -> 3001 bytes.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01U9zFxq8V4qxG4aMzJhGBFn
@shenxianpeng
shenxianpeng requested a review from a team as a code owner August 7, 2026 10:20
@coderabbitai

coderabbitai Bot commented Aug 7, 2026

Copy link
Copy Markdown

Important

Review skipped

Review was skipped due to path filters

⛔ Files ignored due to path filters (1)
  • assets/logo.png is excluded by !**/*.png

CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including **/dist/** will override the default block on the dist directory, by removing the pattern from both the lists.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 1c23e67e-94e1-4bee-88bc-a0f7402fed10

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

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

github-actions Bot commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Commit Check

All 5 checks passed

Show all 5 checks
Commit message
  ✔ PR title (docs: sync the action logo with the new org branding)
  ✔ Commit 1/1 (docs: sync the action logo with the new org branding)
Branch
  ✔ Branch (claude/sync-logo-branding-602anc)
Author
  ✔ Author name (Xianpeng Shen)
  ✔ Author email (xianpeng.shen@gmail.com)

commit-check 2.13.1 · Rules reference

@shenxianpeng
shenxianpeng merged commit 5957b2f into main Aug 7, 2026
16 checks passed
@shenxianpeng
shenxianpeng deleted the claude/sync-logo-branding-602anc branch August 7, 2026 11:09
shenxianpeng added a commit that referenced this pull request Aug 7, 2026
#259 swapped the old wordmark badge for the org's new mark, which was the
right art but the wrong variant for this surface. The header renders the
image at 20px, and the wordless mark is a stroke on transparency -- at that
size a stroke carries almost no visual weight, so the header read as a faint
tick rather than a mark. It is worst on GitHub's dark theme, where a thin
brand-blue line sits close to the background.

Two things were wrong, not one:

* The variant. branding/logo-mark.png is documented for use "where a
  background already exists"; the comment header has none, so the mark had
  nothing to sit on. branding/avatar.png is the filled version and the one
  the branding README calls out as legible small. Using it here is what the
  asset is for.
* The size. The report title is an h2, which GitHub renders at about 24px,
  so a 20px icon was smaller than the words beside it and lost the visual
  hierarchy before any question of contrast.

So assets/logo.png is now a 128x128 downscale of avatar.png with the corners
rounded (22%), and the width goes 20 -> 24 to match the h2 cap height.
Rounding matters because GitHub rounds avatars in its own UI but not inline
images; without it the header carries a hard blue square.

Measured on the written file: RGBA preserved with the corners genuinely
transparent (alpha 0 at 0,0 -- a flattened export would have shown 255 and
rendered as a white box on dark), and the two dominant opaque colours are
(44,156,205) = #2c9ccd and white, i.e. the brand blue and the check.
4994 -> 2822 bytes.


Claude-Session: https://claude.ai/code/session_01U9zFxq8V4qxG4aMzJhGBFn

Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant