Skip to content

feat(brand): replace Steel logo with the new mark - #142

Merged
fukouda merged 2 commits into
mainfrom
docs/new-steel-mark
Oct 7, 2026
Merged

fukouda merged 2 commits into
mainfrom
docs/new-steel-mark

Conversation

@fukouda

@fukouda fukouda commented Oct 7, 2026 •

Copy link
Copy Markdown
Contributor

What

Replaces the old S-shaped Steel mark with the new square mark everywhere in the docs site. This matches the app change in 0xnenlabs/steel#2183. Colours and heights are unchanged.

Location Change
Nav logo (components/ui/icon.tsx → DocsLogo) New mark at the same 19px height. The wordmark moves left 8px so the gap stays the same. SVG width goes from 92 to 84.
OG images (app/og/[...slug]/route.tsx) Same mark and wordmark as the nav.
Hero metallic logo (app/(home)/_pages/page.en.tsx) LiquidMetal now uses a flat white mask, public/images/steel-mark.png. The shader only reads its shape. scale is set to 1.04 so the mark fills about 182px of the 188px box, the same width the old logo used. The mask has a 32px transparent margin, which stops a 1px dark seam the shader draws where a shape touches the image edge.
public/images/logo.png (structured-data org logo) Re-rendered as a 512×512 transparent frame of the new metallic shader.
app/favicon.ico Metallic new mark at 16, 32, 48, 64 and 256px.
/DESIGN.md (lib/design-md.ts) "Logo" and "Logo with wordmark" SVGs now use the new mark.
Callout help icon (components/callout.tsx) Uses a new shared SteelMark icon. The untitled variant was a bare <path> with no <svg>, so it never rendered.
Changelog card generator (scripts/changelog/imagegen) New mark asset, logo box changed from 54×40 to 40×40. Already-published changelog images are untouched.

Why

New brand mark ahead of the website launch.

Verification

  • Checked locally in the dev server: nav logo, hero shader (same visible size as before), /og/overview, /DESIGN.md SVGs (rendered with rsvg-convert), and favicon at 16 and 32px.
  • bun run check, bun run validate-links and bun run build all pass.

New raster assets: logo.png · steel-mark.png (shader mask)

Made with Cursor

Swap the old S-shaped mark for the new square mark across the docs:
nav logo, OG images, callout help icon, DESIGN.md, changelog card
template, favicon, structured-data logo and the metallic hero shader.

Co-authored-by: Cursor <cursoragent@cursor.com>
@vercel

vercel Bot commented Oct 7, 2026 •

Copy link
Copy Markdown
Contributor

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

Project Deployment Actions Updated
docs Ready Ready Preview Oct 7, 2026 9:16pm UTC

Request Review

Co-authored-by: Cursor <cursoragent@cursor.com>
@fukouda
fukouda merged commit 322ad57 into main Oct 7, 2026
3 checks passed

This branch was successfully deployed

1 active deployment
Preview — 789935bb Deployed Oct 7, 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.

2 participants