Skip to content

feat: Shield logo redesign - #114

Merged
hesreallyhim merged 6 commits into
mainfrom
shield-logo-redesign-signed
Oct 22, 2026
Merged

hesreallyhim merged 6 commits into
mainfrom
shield-logo-redesign-signed

Conversation

@hesreallyhim

Copy link
Copy Markdown
Member

No description provided.

hesreallyhim and others added 6 commits October 21, 2026 20:59
Replace the hex-and-check logo with an enamel-pin shield (brass rim, two-tone
green, cream check) and add it to docs/assets/logo as SVG plus 512/200 px PNG
exports for the Marketplace listing.

Rebuild the README banners around it: light pinstripe paper with a shield at
each end, the wordmark, a real-style "BEST PRACTICES | enabled" badge and the
tagline. Both themes ship as editable SVG and 2x PNG; README.md points at the
new files and the old rasters are no longer tracked.

Badges now carry a small green shield in the label, in the same slot
shields.io uses for logos (14 px, 5 px inset, 3 px gap). The fill is fixed at
brightgreen for every result so the mark stays a brand element next to red
and grey messages. Label width grows by 17 px; tests updated accordingly.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01H7fkeCZY5LTpdrC2R6p36k
Re-run the docs/assets generators so the how-it-works and setting-vs-badge
graphics show the badges as the service now renders them, with the shield
logo in the label. Replace SHA-pinning-enabled.png with a 2x export of the
current "enabled" badge for the same reason.

The wider badge no longer fit its cards, so the generators now measure it
instead of assuming a fixed width: setting-vs-badge centres the badge by its
real width (at 1.6x instead of 1.8x), and how-it-works scales the three-badge
row down uniformly when it would overrun the card.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01H7fkeCZY5LTpdrC2R6p36k
…orts

The README banners were built with one-off scripts; docs/assets/generators/
brand.py now produces them from the master mark (docs/assets/logo/
policychecks-mark.svg) alongside the other generators, and adds the 1280x640
social preview and the 512/200 px PNG exports of the mark.

The badge in each graphic is rendered by the project's own renderBadgeSvg:
render-badges.ts takes a --label flag and common.render_badges() passes it
through, so the brand graphics track the real badge like the diagrams do.
brand.py renders through headless Chromium (Playwright) because the paper
grain is an feTurbulence filter that librsvg does not implement.

Also strips the C2PA content-credential manifests that the file transfer had
stamped into the SVGs and PNGs, and documents the workflow in
docs/assets/logo/README.md.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01H7fkeCZY5LTpdrC2R6p36k
@github-code-quality

Copy link
Copy Markdown

Code coverage overview

Languages: JavaScript

JavaScript / code-coverage/vitest

main 45b3062 shield-logo-redesign... 07615fd +/-
98% 98% 0%
View coverage of the 2 most impacted files.
File main 45b3062 shield-logo-redesign... 07615fd +/-
src/badges/svg.ts 100% 100% 0%
src/badges/logo.ts 0% 100% +100%

ℹ️ Calculations represent line coverage. Results may change as calculations are updated.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
policychecks 07615fd Commit Preview URL

Branch Preview URL
Oct 22 2026, 01:06 AM

@hesreallyhim hesreallyhim changed the title Shield logo redesign signed feat: Shield logo redesign Oct 22, 2026

@BittuBarnwal7479 BittuBarnwal7479 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Everything looks good overall. Just one concern: the new PNGs add around 2 MB to the repo. Could you optimise them a bit, maybe by reducing the grain effect or using palette quantisation? Thanks! 🙂

@hesreallyhim
hesreallyhim merged commit 8693b34 into main Oct 22, 2026
7 of 8 checks passed
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.

2 participants