brand-styling
Establish a modular, reusable brand styling foundation and update the market analysis dashboard's visual identity.
Why
The market analysis dashboard needs a cohesive, professional visual identity that reflects Qpoint's brand. Building a clean, modular styling foundation now ensures consistency across all pages and components, and provides a foundation for future brand refinements. Well-organized styles make the codebase maintainable and extensible as the dashboard grows.
Objective
Create a modular brand styling system for the Nuxt dashboard with reusable color tokens, typography scales, and component styles. "Done" means: dashboard pages use consistent brand colors and spacing, styles are organized in reusable modules, and the system is documented for future extensions.
Scope
- site/ — Nuxt 3 dashboard styling
- site/assets/css/ — Global styles, variables, and composable utilities
- site/components/ — Update existing components (StatCard, FilterBar, InterestDots, DistributionBar, etc.) to use brand styles
- site/pages/ — Apply consistent branding across Dashboard, Calls, Insights, Segments pages
- Brand guidelines — Document color palette, typography, spacing, and component patterns
Key Changes
- To be filled in as work progresses
Visual record
2 captures — heroes, page slices, and full-page renders. Click to view.
