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
- 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).
- 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).
- 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.
- 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
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
Setin accent orange#f97316+Timesin white, on midnight-ember navy (frontend/src/components/Header.jsx, theme tokens infrontend/src/index.css).frontend/public/favicon.svg+ PNG icons are the old cyan (#0ea5e9)STmonogram in system-ui — predates the midnight-ember identity.~/Desktop/settimes-ig/.Proposed kit
docs/brand/orfrontend/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).index.htmlmeta currently points at), IG post/story templates for event announcements.docs/BRAND.md: colors (point at the four theme palettes inindex.cssas 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
index.cssas the single source of truth for color values; BRAND.md references them rather than duplicating hex codes.🤖 Generated with Claude Code