Skip to content

chore: establish a brand identity kit (marks, tokens, favicon refresh, social templates) #564

Description

@BreakableHoodie

Summary

Per Dre (2026-07-09): put together a proper brand identity so future assets have structure instead of being improvised per-channel.

Current state

  • The live identity is Bebas Neue wordmark, Set in accent orange #f97316 + Times in white, on midnight-ember navy (frontend/src/components/Header.jsx, theme tokens in frontend/src/index.css).
  • The favicon set is off-brand: frontend/public/favicon.svg + PNG icons are the old cyan (#0ea5e9) ST monogram in system-ui — predates the midnight-ember identity.
  • First social profile just launched (Instagram @settimes.ca); avatar was generated ad-hoc from theme tokens (HTML+Playwright render), files in ~/Desktop/settimes-ig/.

Proposed kit

  1. Canonical SVG sources checked into the repo (e.g. docs/brand/ or frontend/src/assets/brand/): ST monogram + stacked and inline SetTimes wordmarks, using the real Bebas Neue outlines (converted to paths so renders don't depend on font availability).
  2. Favicon/PWA icon regeneration from the canonical monogram in current colors (favicon.svg, 16/32, apple-touch-icon, android-chrome 192/512, manifest theme colors).
  3. Social kit: avatar (1080×1080, circle-safe), OG/share image template (1200×630 — check what index.html meta currently points at), IG post/story templates for event announcements.
  4. A one-page docs/BRAND.md: colors (point at the four theme palettes in index.css as the source of truth), typography (Bebas Neue display / system sans body), logo usage (which variant where), voice notes (no AI-written artist copy — standing rule).

Notes

  • Keep CSS custom properties in index.css as the single source of truth for color values; BRAND.md references them rather than duplicating hex codes.

🤖 Generated with Claude Code

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions