social-media/docs/TASKS/app-shell/004-global-frontend-branding.md

Task: Add global frontend branding configuration

Goal

Centralize product branding for the frontend so product name, visible brand marks, brand assets, and theme colors can be changed from one module instead of being hardcoded across shell and auth surfaces.

Relevant Files

• frontend/src/branding/branding.js
• frontend/src/branding/applyBranding.js
• frontend/src/components/branding/BrandMark.vue
• frontend/src/components/branding/BrandLogo.vue
• frontend/src/main.js
• frontend/src/assets/main.css
• frontend/src/layouts/main/AppSidebar.vue
• frontend/src/static/components/LandingSiteMenu.vue
• frontend/src/features/auth/views/RegisterView.vue
• frontend/src/features/auth/views/LoginView.vue
• frontend/public/images/brand/*

Validation

cd frontend
npm run build