Skip to content

feat(docs): add the new logo, a press kit and a reworked home page - #217

Merged
erkamyaman merged 1 commit into
pangular-inspector:mainfrom
erkamyaman:feat/logo-press-kit
Oct 5, 2026
Merged

erkamyaman merged 1 commit into
pangular-inspector:mainfrom
erkamyaman:feat/logo-press-kit

Conversation

@erkamyaman

Copy link
Copy Markdown
Member

What and why

The logo picked in #210 replaces the old one everywhere, the docs get a press kit, and the docs home page is reworked.

  • Logo: docs header (static mark, light and dark), favicon (theme-aware mark, PNG and ICO fallbacks), social card, the panel header and favicon, the hub and devframe icon, the in-page popup button, the Chrome extension icons and the README (animated app icon).
  • Press kit (/press-kit, linked from the footer and README): every logo variant as SVG and PNG including the animated ones, social images, brand colors, name and logo usage, ready-to-paste descriptions, real panel screenshots and one zip. scripts/press-kit.mjs rebuilds the zip and screenshots.
  • Home page: a three-line title "Angular devtools for you and your agent", the MCP .mcp.json in a code card, the WORKS WITH badges as one consistent set (local logos, docs links), a Why Pangular section, a Ways to run tab section (in your app, Chrome extension, CLI, MCP, static report) with our own code card theme, and "Built on Devframe" and "Docs built with NgMd" credits.
  • Theme: dark by default; the auto option is gone.
  • Footer: icon links like devframe's (press kit, sponsor, Discord, GitHub).

Closes #213

How it was verified

  • pnpm commit:check
  • Prettier on every changed file
  • pnpm typecheck and ngc for the docs app
  • pnpm test:devtools and pnpm test:panel
  • pnpm skills:check
  • pnpm docs:build
  • pnpm extension:build and extension/ui committed
  • pnpm test:axe, plus axe on the docs home, introduction, press kit and footer in dark and light at desktop and phone widths

The logo picked in pangular-inspector#210 replaces the old one in the docs, the panel, the hub, the in-page popup, the Chrome extension icons and the README. The docs get a press kit page with every logo variant, social images, colors, descriptions and real panel screenshots, a dark default theme without the auto option, and a home page modeled on devframe and Analog: a three-line title, an MCP code card, a Why Pangular section and a Ways to run tab section.

Closes pangular-inspector#213
@erkamyaman erkamyaman self-assigned this Oct 5, 2026
@github-actions github-actions Bot added area: panel The devtools panel app (app/) area: package The ng-devtools package (packages/ng-devtools) area: extension The Chrome extension area: agents MCP server, agent tools and resources area: docs The documentation site area: ci Workflows, hooks and repository tooling labels Oct 5, 2026
@erkamyaman
erkamyaman merged commit a22e3c5 into pangular-inspector:main Oct 5, 2026
5 checks passed
@erkamyaman
erkamyaman deleted the feat/logo-press-kit branch October 5, 2026 18:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: agents MCP server, agent tools and resources area: ci Workflows, hooks and repository tooling area: docs The documentation site area: extension The Chrome extension area: package The ng-devtools package (packages/ng-devtools) area: panel The devtools panel app (app/)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add a press kit

1 participant