Skip to main content

The Story

Before this rollout: every devarno-cloud app shipped its own bootstrap-default favicon. Some had Next.js’s letter “N”, some had a generic globe, some had nothing at all. A user with CASA, HATCH, and HUBBLE open in adjacent tabs saw three different icons — no signal that they were looking at one platform. After this rollout: every tab shows the same devarno mark — a square dark badge sourced from https://avatars.githubusercontent.com/u/261467903, the canonical GitHub org avatar. Tab strips, history, bookmarks, and mobile home-screen icons all read as one ecosystem, not seven products that happen to share a domain.

What Shipped

Source of truth committed to atlas/assets/brand/:
  • 400×400 source PNG (re-fetchable from GitHub)
  • Multi-resolution favicon.ico (16/32/48) for legacy browsers
  • icon.png 32×32, icon-192.png, icon-512.png for PWA + Android
  • apple-icon.png 180×180 for iOS home-screen
Propagated to 7 surfaces:
  • CASA (family-hub) — Next.js app-router, served from src/app/
  • HUBBLE — cross-org intelligence dashboard
  • HATCH — airlock control console
  • PEBBLE/web — MCP gateway dashboard
  • ARES — agent orchestration / CI dashboard
  • MANUAL — Astro/Starlight ops docs (favicon.ico alongside existing favicon.svg)
  • LANDING — devarno-cloud marketing site
Skipped (would need code changes beyond a static asset drop): the airlock Hono service and the pebble FastAPI gateway. Both are JSON-API surfaces, not user-facing dashboards — favicon serving requires wiring a static middleware that wasn’t in scope.

Foundation For

The brand mark is now the visual anchor for the Unified Navmap — a reusable React Server Component that joins the ecosystem service registry with health probe data and renders a tile grid of every devarno-cloud surface a user can reach. CASA’s dashboard is the first consumer; HATCH, HUBBLE, PEBBLE, and ARES will adopt it next. The rollout also closes a long-running visual-consistency gap that made stakeholder demos feel disjointed. Next time we screenshot the platform for a campaign deck, every tab in the strip will read as devarno.

Status

Shipped end-to-end — committed and pushed across 7 repos plus a parent superproject ref bump. Vercel auto-deployed all surfaces; production tabs show the new mark within one cache-bust.