Skip to content

New brand, landing page and SEO for designers and vibe coders - #1

Merged
yesith0106 merged 3 commits into
mainfrom
site-and-rebrand
Nov 10, 2026
Merged

yesith0106 merged 3 commits into
mainfrom
site-and-rebrand

Conversation

@yesith0106

Copy link
Copy Markdown
Owner

What's in this

Product (0.3.0)

  • Cleaner, product-grade look: new solid pixel mark, an original outline icon set (all the same size), keycap-style shortcuts, no glows.
  • The toolbar stays pinned to its corner. It can no longer be dragged, and old saved positions are ignored.
  • Brand tokens and icons are generated into src/brand.gen.ts (npm run brand). CI now also checks the bundle size and that the generated file is current.

Site (site/)

  • New pixelspec.dev landing page. The hero is a live, looping mockup that shows the real inspector popover and the compact text copied for the agent.
  • SEO: canonical URL, absolute social image, SoftwareApplication and FAQ structured data, and new FAQs for designers and vibe coding.

Docs

  • README rewritten around who it's for (designers, vibe coders, frontend devs) and why. The compact copy example now matches the real output.
  • package.json description, homepage and keywords tuned for npm search.

Checks

  • npm run typecheck, npm run build, size (28.1 KB gzip, budget 33 KB) and brand-export --check pass locally.

🤖 Generated with Claude Code

Product (0.3.0)
- Clean product-grade look: new solid pixel mark, original outline icon set
  on an 18px grid, keycap-style shortcuts, no glows
- Toolbar stays pinned to its corner (dragging removed, old saved positions ignored)
- Brand tokens and icons generated from scripts/brand-export.mjs and
  scripts/icons.mjs into src/brand.gen.ts; CI checks size and that the
  generated file is current

Site (site/)
- New pixelspec.dev landing page with a live, looping product mockup that
  shows the real inspector popover and the compact text copied for the agent
- SEO: canonical URL, absolute social image, SoftwareApplication and FAQ
  structured data, new FAQs for designers and vibe coding

Docs
- README rewritten around who it's for (designers, vibe coders, frontend
  devs) and why; compact copy example matches the real output
- package.json description, homepage and keywords tuned for npm search

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

vercel Bot commented Nov 10, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
pixelspec Ready Ready Preview Nov 10, 2026 8:07pm UTC

yesith0106 and others added 2 commits November 10, 2026 20:30
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…cel setup

- Product: keeps the 0.2.1 fixes (markers for removed elements, popover
  scrolling with Lenis) in the new styles; version stays 0.3.0
- Site: new landing page with Vercel Web Analytics; changelog page rebuilt
  in the new design and linked from the nav, footer and hero; old
  stylesheet removed; favicon.svg now the new mark; sitemap dates updated
- CHANGELOG.md: Unreleased (0.3.0) entry
- .gitignore: .vercel plus the brand docs

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@yesith0106
yesith0106 merged commit 79b62e1 into main Nov 10, 2026
4 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.

1 participant