feat: update every Sideband logo to the new mark

[Karan4248]

Closes #25.

What changed and why

The studio mark was redesigned, but the site still shipped the old icon (two squares inside a noisy white ring) as the favicon, social preview, and navbar icon, and every engineer timeline fell back to a plain "S" monogram. This swaps all of them to the new mark.

The source PNGs are opaque with a dark background baked in, so each output is derived rather than dropped in as-is. The mark is a neon glow authored on pure black, which keys out exactly: alpha is the brightest channel, and unpremultiplying the colour rebuilds the glow so it composites over the site's #06050e the way it looked on black.

Two treatments, for two different jobs:

• On-page assets (navbar 24px, engineer timelines 40px) are transparent and cropped tight to the mark. A baked tile would sit at #000000 against the page's #06050e and show the faint edge the issue calls out.
• Favicon and social image (app/icon.png) keeps a dark rounded tile. It has to hold up on a light browser tab strip and a white social card, where a bare glow washes out. This also matches the tile in the lettering lockup and the icon it replaces.

For the timeline I compared the square mark against the full sideband.studio lockup in the real 132x40 slot. The lockup renders at roughly 132x21, which puts its text near 7px, right under a 26px "Sideband" heading that already says the name. The square mark renders 40x40 and matches the weight of the Staged and University of Manitoba logos beside it, so that is what shipped.

Proof it works

The Sideband row on all three engineer timelines, before and after. Every profile that carries a company: 'Sideband' entry is here, so the monogram is gone everywhere it appeared:

The same change in full page context on /engineers/karan-anand:

Before

After

Navbar at its real 24px and the favicon on a light tab strip and a white card, before and after, with 4x zooms so the change is legible:

What I tested

• npm run build, npm run lint, npm run check:consistency, npm run check:copy, npx tsc --noEmit all pass.
• npx playwright test: 8 passed, including a new smoke test asserting all three Sideband roles render the mark instead of the monogram. Verified it is real coverage by reverting lib/engineers.ts and watching it fail.
• Clicked through /, /engineers/karan-anand, /engineers/ali-younes, and /engineers/ali-tleis on the dev server at 1440px.
• Confirmed /icon.png is still a real route in the build output, so the openGraph and twitter image references keep resolving.

Note on prettier --check: it flags 68 files locally, including files this branch never touches. That is this Windows clone checking out with core.autocrlf=true; with --end-of-line auto everything passes, and the committed blobs are LF. Nothing to fix here.

Out of scope

• Naman Rusia's profile is still a stub with no experience array, so there is no fourth timeline to update. The issue's three profiles are all of them.
• package-lock.json still carries the pre-rebrand name eternalreverse, so any npm install dirties the tree. Left alone to keep this PR to one change, worth a separate one-line fix.

[vercel]

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

Project	Deployment	Actions	Updated
sideband	Ready	Preview	Sep 6, 2026 3:04am UTC

[github-actions]

Screenshots

Auto-captured from this PR's production build (commit 48bb398).

Hero	Terminal

Products	Under the hood