Skip to content

Replace carpincho-wallet logo with new artwork across all surfaces #19

@gabitoesmiapodo

Description

@gabitoesmiapodo

User story / Problem statement

Currently, carpincho-wallet uses a low-quality placeholder logo across the app and extension. The artwork reads poorly and undermines the wallet's visual identity. New, higher-quality logo artwork is available (carpincho-logo.svg) and should replace the existing logo everywhere it appears.

Expected outcome

When this is done, every surface that displays the carpincho logo shows the new artwork:

  • The in-app CarpinchoLogo component (Header at 28px, WelcomeHero large)
  • The browser tab favicon and the WalletConnect dApp icon
  • The Chrome extension icons (toolbar, extensions page, store listing)

The new SVG is the single source of truth; all raster sizes derive from it. Old, replaced assets no longer exist in the repo.

Acceptance criteria

  • New SVG placed in the repo (replacing src/assets/carpincho-hero.svg) and rendered by the CarpinchoLogo component in Header and WelcomeHero
  • public/carpincho-icon.svg (favicon via index.html, WalletConnect icon via src/wc/client.ts:85) shows the new artwork
  • public/icons/carpincho-{16,32,48,128}.png regenerated from the new SVG via a committed build script (sharp or resvg) so sizes stay in sync
  • Same detailed logo used at every size (no separate simplified small variant)
  • SVG optimized (e.g. svgo) before use as inline favicon / WC icon / component asset
  • All replaced old asset files removed once unreferenced (including stale licence-attribution comments)
  • Small-size rendering (16px/32px) visually validated as acceptable
  • npm run lint and tsc --noEmit pass in carpincho-wallet

Alternatives considered

  • Simplified small variant — produce a reduced-detail logo for <=48px surfaces. Rejected: chose a single source of truth for simplicity; revisit only if 16px proves illegible.
  • Keep current silhouette for small icons — reuse the existing capybara silhouette for favicon/extension. Rejected for the same reason.
  • Manual PNG export — export the four sizes by hand. Rejected in favour of a script so sizes regenerate deterministically.

Technical notes

Surfaces and references:

  • src/assets/carpincho-hero.svg -> imported by src/components/CarpinchoLogo.tsx, used in Header.tsx:17 and WelcomeHero.tsx
  • public/carpincho-icon.svg -> index.html:5 (favicon) and src/wc/client.ts:85 (WalletConnect icon)
  • public/icons/carpincho-{16,32,48,128}.png -> public/manifest.json (icons + action.default_icon)

Risk (not a blocker): the new logo is a detailed 1300x1300 illustration. At 16px/32px fine detail may become illegible mush. Visual validation is required; if 16px is unacceptable, revisit the simplified-variant alternative.

Recommended tooling for implementation:

  • Use the /frontend-design skill for better results.
  • Use all available gemini tools for visual analysis/comparison. Note: the Gemini CLI is now called antigravity — the user may have antigravity installed instead of the gemini CLI.
  • Use Brave (headed) if available for visual comparisons / testing.

Additional context

Image

Metadata

Metadata

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions