ds-galo/openspec/changes/archive/2026-10-11-add-halo-branding/tasks.md

Tasks

1. Brand assets

• 1.1 Create frontend/static/favicon.svg with the halo mark (sun disc + separated ring) and embedded prefers-color-scheme dark/light variants, and verify it opens as valid SVG and renders legibly at 16px
• 1.2 Create frontend/static/favicon.png (fallback) and frontend/static/apple-touch-icon.png rendered from the same emblem, and verify both files exist at their intended pixel sizes (32x32 and 180x180)
• 1.3 Update frontend/src/app.html to reference favicon.svg with the PNG as fallback, and verify make frontend copies both into frontend/build/

2. UI emblem

• 2.1 Add an inline SVG emblem component (disc in --primary, ring in --primary at reduced opacity, monochrome currentColor fallback), and verify it renders at 16-24px with the ring and disc still distinct
• 2.2 Verify the emblem changes color with the theme by switching light/dark/neutral and confirming the disc and ring follow the active theme

3. Placement

• 3.1 Show the emblem in the AppShell header next to the "Galo" wordmark and verify it appears in the main interface
• 3.2 Show the emblem in the public/login layout and on the share page header and verify it appears on both

4. Accessibility

• 4.1 Verify every decorative emblem (next to the wordmark) is hidden from assistive technologies and any standalone emblem element has an accessible name

5. Integration verification

• 5.1 Run make build and verify the served favicon responds as an SVG image (curl -I shows the SVG content type) and that no brand asset request returns 404
• 5.2 Validate the change and verify openspec validate add-halo-branding passes