Swap every sbomify mark on the site for the new logo kit

[vpetersson-bot]

What this does

Replaces every sbomify mark on the site with the new logo kit. The old mark was a gradient emblem (blue → magenta → orange) on #141035; the new one is flat — Brand Navy #25293F on light backgrounds, white on dark.

Asset	Was	Now
assets/images/site/logo.svg	old gradient lock-up, 133×24	kit full-dark (white), 571.45×107
assets/images/logo/logo-circle.svg / .png	gradient emblem on #141035 disc	kit circle-light — navy disc, white emblem
assets/images/logo/badge.svg	gradient emblem, gradient navy plate	new emblem, flat #25293F plate
favicon.ico, favicon-16, favicon-32	dark disc	kit badge — navy rounded square
android-chrome-192/512	dark disc	kit badge
apple-touch-icon	dark disc	full-bleed navy square
assets/images/site/sbomify.png (og:image)	gradient lock-up + gradient tagline	white lock-up + #CBCCCE tagline

The repo keeps a second copy of the six icon files at the repo root alongside static/; both copies were updated so they stay identical.

Decisions worth a second opinion

Header and footer width/height changed from 133/24 to 128/24. The new lock-up's aspect ratio is 571.45:107, not 133:24. Those attributes are what the browser uses to reserve the box before the SVG loads; leaving the old pair would have reserved a box ~5 % too wide and shifted the header on first paint.

Favicons use the kit's badge variant, not circle. The kit's own README nominates badge for "App icons, favicons, tiles" and circle for "Avatars, social profiles".

At 16 and 32 px the emblem is drawn larger than in the kit's badge file. At the kit's own padding the seven bars smear into an illegible block at those sizes (the old favicon had the same problem). The mark is not altered — only its scale inside the tile — and clear space still exceeds one emblem-bar height, which is the kit's minimum. 192 px and up use the kit's badge geometry unchanged.

apple-touch-icon is full bleed. iOS applies its own rounded mask, so a disc inside that mask leaves dead corners; a full-bleed square fills the tile. favicon.ico now carries 16, 32 and 48 px frames, each rendered from vector rather than downsampled from one raster.

The og:image background stays #141035. That is the site's primaryBG and this change does not touch the palette. The kit's Deep Navy #151724 would have made the card disagree with the page it links to.

Diagrams

logo-circle.svg is a d2 icon: in sbom-hub, sbom-sharing and store-analyze-enrich. d2 inlines the icon as base64, so the six generated files (in assets/images/d2/ and layouts/partials/d2/) carry the new payload. Running bun run build:d2 with the pinned d2 0.7.1 reproduces exactly these bytes, so CI's regeneration agrees with what is committed.

Verification

bun run build:css, bun run build:d2 and hugo --minify --environment production all succeed; bun run lint:markdown is clean. Header, footer, the Trust Center badge and a diagram page were checked in a browser at 1440 px and 390 px.

Not changed, but worth a look

site.webmanifest still has theme_color and background_color set to #ffffff, and empty name / short_name. A white PWA splash behind a navy icon now looks wrong, but that is the manifest rather than the logo, so it is left for a separate change.

🤖 Generated with Claude Code