Skip to content

Pi mark: the new pi.dev logo - #1808

Merged
backnotprop merged 1 commit into
mainfrom
chore/pi-new-logo
Oct 9, 2026
Merged

backnotprop merged 1 commit into
mainfrom
chore/pi-new-logo

Conversation

@backnotprop

Copy link
Copy Markdown
Owner

Pi changed its logo (https://pi.dev/logo.svg). This PR swaps the old one-tone Pi mark for the new three-colour one everywhere Plannotator draws it. Only assets and icon components change. No behaviour changes.

What changed

  • packages/ui/components/ProviderIcons.tsx PiIcon (AI provider bar, AI settings) and packages/ui/components/icons/AgentIcons.tsx PiIcon (Agents tab, the Inbox's HostMark in the list row, the thread header and the empty-state cards): the three pi.dev paths with their own fills (#F09082, #4D9ABF, #F1BE58) in place of currentColor. Neither component takes a colour prop, so there is no prop to keep.
  • apps/marketing/public/assets/icon-pi.svg (hero agent row, code-review agents row, Inbox page host tile), apps/marketing/public/assets/agents/pi.svg and pi-dark.svg, and .github/assets/icons/pi-light.svg and pi-dark.svg (README): now the new logo.
  • apps/marketing/src/styles/global.css: removed .light .icon-pi { filter: invert(1) }. Inverting would wreck the colours, and the logo looks the same in both themes.
  • apps/ios/Plannotator/Assets.xcassets/AgentPi.imageset/pi-light.svg and pi-dark.svg: both are now the new logo (same art in both appearances). Contents.json is unchanged and valid; actool compiles the catalog without errors.

Fitting

Every copy keeps pi.dev's three paths and fills exactly as published. The only edit is the viewBox: 130 130 540 540 instead of pi.dev's 0 0 800 800. That is the mark's box plus an even margin, centred on (400, 400).

  • In the 800-unit box the mark drew at 59 % of the icon, clearly smaller than Claude, Codex and OpenCode.
  • The old tight crop (165.29 … 469.43, used by the README and iOS) made the solid blocks look heavier than their neighbours.
  • 540 sits level with them at 16, 20, 22 and 24 px. Picked from a side-by-side render of the three crops.

Proofs

Contact sheet: /Users/ramos/workspaces/research/operational/mobile-proofs/PI-LOGO-2026-10-09/index.html

  • Inbox window: a compiled binary from this branch, inbox --background, a temp PLANNOTATOR_DATA_DIR and HOME, PLANNOTATOR_BROWSER=none. Claude Code, Codex, OpenCode and Pi wrote threads through inbox mcp (scripts/inbox-sim.ts). Captured in light and dark: the list, the empty-state cards, the Pi thread header, and the four marks the list drew, cloned at 16/20/24 px.
  • Marketing (astro dev from this branch, light and dark): the hero agent row, the code-review agents row, and the four marketing files at 16/20/22/24 px. 22 px is the Inbox page's host tile; that page is not routable while INBOX_LAUNCHED is off.
  • iOS and README: the imageset and .github files rendered beside their neighbours at 16 to 28 px. No simulator run: the list needs a paired Inbox, so that capture is not quick.

Gates

  • bun run typecheck: passed.
  • bun test tests packages/ui/components packages/inbox: 192 pass, 0 fail. This includes tests/favicon-surfaces.test.ts and tests/entry-assets.test.ts.
  • DOM_TESTS=1 bun test on the two provider-icon DOM files: passed.
  • bun run --cwd packages/ui smoke:package: passed.
  • Gitleaks range scan: no leaks.
  • Semgrep CE 1.172.0 with .semgrep.yml on the changed source: 0 findings.

Left out

  • The README keeps its <picture> light/dark pair even though both files are now the same.
  • The iOS imageset keeps both appearances, as the brief asked.
  • The icon-pi class stays on the marketing <img> tags, with no rule behind it.

@backnotprop
backnotprop merged commit 046a3a5 into main Oct 9, 2026
30 of 31 checks passed
@backnotprop
backnotprop deleted the chore/pi-new-logo branch October 9, 2026 15:14
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