Skip to content

fix(website): make brand logo downloads visible in any viewer - #1230

Merged
benvinegar merged 1 commit into
mainfrom
claude/fix-brand-logos-a94dbf
Oct 25, 2026
Merged

benvinegar merged 1 commit into
mainfrom
claude/fix-brand-logos-a94dbf

Conversation

@benvinegar

Copy link
Copy Markdown
Member

Problem

The logo downloads on hunk.dev/brand looked broken once opened, especially the PNGs. Every file served and decoded correctly. The trouble was how they looked on their own:

  • Each PNG is a single-color logo on a transparent background. Paper variants looked blank in light viewers (Finder/Quick Look, Slack, GitHub). Ink variants nearly vanished in dark viewers, including Chrome's standalone image view. The paper SVGs do the same in a browser tab.
  • The flat mark and wordmark were cropped flush to the image edge, while the 3D mark and lockup had a small margin.

Changes

  • Solid PNG downloads. Every logo and color now also ships <logo>-<color>-solid.png, filled with its paired background (ink on paper #f4f1ea, paper on ink #16140f). The transparent PNGs stay. Each download row on the page gains a "Solid PNG" link, and the links wrap on narrow cards.
  • Uniform clear space. I widened the viewBox of each canonical source SVG by about one stem-width (8 units on the flat mark, about 6.5 on the others). Every SVG, PNG and PDF export now has the same breathing room. The paths are unchanged.
  • brandFormats in website/src/data/brand.ts is now a list of format objects (id, label, name, extension), and the generator renders every non-SVG format from it.
  • Regenerated website/public/brand/downloads/ and hunk-brand.zip (now 33 files) with bun run generate:brand. Updated the page copy, the README in the ZIP, and docs/brand.md.
  • Added an empty changeset, since this is website-only.

Reviewer notes

  • scripts/launch-video/compose.mjs inlines logo-lockup-paper.svg at a fixed width. Because the padding is now inside the SVG, the lockup will look about 4% smaller in future launch videos.
  • Out of scope: og.png and the docs favicon still use the old logo (already noted in docs/brand.md).

Verification

  • cd website && bun run build: passes.
  • cd website && bunx playwright test tests/brand-smoke.spec.ts: 6/6 pass (desktop + mobile Chromium), including the axe check in both themes. The download test now decodes each PNG and asserts its top-left pixel: clear for transparent PNGs, the paired background for solid PNGs. That covers both the padding and the background, and it would have failed on the old flat-mark PNG.
  • oxfmt --check and oxlint --deny-warnings on the changed files: clean.
  • Manual: viewed the rebuilt /brand page at desktop width and 700px, and spot-checked the solid PNGs and Quick Look thumbnails on macOS. Not tested on Windows/Linux viewers.

🤖 Generated with Claude Code

The brand PNGs were single-color logos on a transparent background, so
paper variants looked blank in light image viewers and ink variants
nearly vanished in dark ones (including Chrome's image view). The flat
mark and wordmark were also cropped flush to the image edge.

Add a solid-background PNG per logo and color (ink on paper, paper on
ink) alongside the transparent one, and pad every source SVG's viewBox
by about one stem-width so all exports share the same clear space.
Regenerate the downloads and ZIP, and assert each PNG's corner pixel in
the brand smoke test.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Oct 25, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
hunk-web Ready Ready Preview Oct 25, 2026 1:51am UTC

Request Review

@greptile-apps

greptile-apps Bot commented Oct 25, 2026 •

Copy link
Copy Markdown
Contributor

RetriggerView in GreptileConfidence Score: 5/5

[Low impact] The PR appears safe to merge; no actionable issues were found.

Summary

Adds solid-background PNG downloads while keeping transparent versions. Widens the SVG bounds to give each logo clear space.

  • The brand page offers solid PNGs for every logo color.
  • Logo downloads leave clear space around every mark.

Reviews (1) · Last reviewed commit: "fix(website): make brand logo downloads ..." · Reviewed by Greptile

@benvinegar
benvinegar merged commit 810be13 into main Oct 25, 2026
16 checks passed

This branch was successfully deployed

1 active deployment
Preview — e25b09b8 Deployed Oct 25, 2026 by vercel[bot]
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