Brand & icon design
The current City Seekers mark is the primary app
mark: a simplified bunny explorer head with a pith
helmet, deep night backdrop, bigger city skyline, scattered
gold window lights, low dotted trail, and a blue compass marker.
Canonical source lives at
web/static/img/app/icon-source.svg. A synced
brand-mark-source.svg and launcher foreground
brand-mark-foreground.svg sit alongside for native
launcher pipelines. The full variant pack — favicons, PWA and
Add-to-Home-Screen icons, iOS AppIcon, Android mipmaps, store
listing icon exports, and Play feature graphic — regenerates via
npm run art:primary.
The candidate gallery below keeps the rendered SVG exploration, previous Curiositter treasure option, the selected simplified bunny options, and archived shipped alternatives committed so the design trail stays recoverable while S3 upload is unavailable.
Candidates
1 Bunny City Compass
Bunny explorer head with a pith helmet, bigger city skyline, gold room lights, low red dotted trail, and a bright blue compass badge. This is the active app icon: still dominated by the bunny, with more of the night-city hunt mood restored around it.
2 Tracker
Magnifying glass with a paw print inside the lens. Most literal take on "scavenger hunt." Cyan-on-navy stays inside the existing palette.
3 Treasure
Wooden chest with gold reinforcement bands and a glowing keyhole. Echoes the in-game treasure-chest Lottie animation; the cyan glow ties back to the existing accent color.
4 Pin Pal
Anthropomorphic map pin with rosy cheeks and a grin. Most overtly playful of the four. Uses the same coral red as the legacy compass needle.
5 Curiositter Fox
Friendly fox face. Riffs on the in-game Curiositter creature collection (bunny, fox, hedgehog, owl, …) and ties the brand to the central gameplay loop.
New direction — Curiositter hunting for treasure
6 Bunny Mapreader
Explorer bunny in a pith helmet reading a glowing treasure map — red X, dotted clue trail, mountain sketch, a compass on its strap. The clue-solving beat, closest to the reference art.
7 Owl's Find
Explorer owl peeking over an open chest brimming with gold, the cyan keyhole aglow. Keeps continuity with the previous owl-lantern mark; the big eyes and chest fill the tile, so it holds up as a favicon.
8 Fox Navigator
Explorer fox gripping a glowing brass compass, a gold coin at its feet and the red X marking the spot just beyond. Riffs on the existing Curiositter fox while leading with the navigation beat.
Why We Picked the Bunny City Compass
Three reasons. It keeps the bunny identity visible while restoring just enough night-city context around the edges. It keeps the explorer read through the pith helmet, skyline, and compass marker. And it works better at launcher sizes because the icon is still dominated by one readable character shape.
Selected Meta Social Pair
The May Meta refresh pairs the previous profile mark with banner option 4, Bridge Route Team. The upload-ready files live in the combined social update folder.
Color palette
The same five values run through the icon, the dark UI chrome, and the in-game compass needle and reveal sheet. The generated icon uses these as the core brand anchors even though the raster art includes shaded variants.
Where the assets live
- Source SVG:
web/static/img/app/icon-source.svg— the current primary app mark, embedding the selected bunny city skyline compass concept. - Current Meta social update:
web/static/img/marketing/meta-social-update-2026-05-25/— the selected profile image, option 4 Facebook cover, and paired preview. - Candidates we explored: rendered candidates remain in
web/static/img/app/candidates/; retained simplified PNG options and archived shipped alternatives live there too. - Generated raster icons:
web/static/img/app/{favicon.ico, icon-192.png, icon-512.png, icon-maskable-512.png, apple-touch-icon.png}, produced byscripts/generate-icons.pyfrom the source SVG. - Mobile launcher icons: generated by
scripts/generate-mobile-icons.pyfromicon-source.svgplusbrand-mark-foreground.svg. - One-command refresh: run
npm run art:primaryto regenerate PWA icons, native icons, store upload icons, and the Play feature graphic.