# Design Buzzvil

> A comprehensive resource hub for the Buzzvil design team, featuring foundations, guidelines, component libraries, and tools.

## About

Design Buzzvil (design.buzzvil.com) is the official design portal for Buzzvil, a mobile advertising and reward platform. This site documents the team's design philosophy, brand identity, product guidelines, and shared component library.

## Main Sections

- Home: https://design.buzzvil.com/ — Overview of the design team's mission and foundations
- Brand: https://design.buzzvil.com/brand/ — Brand identity, logo usage, color system, typography, and imagery guidelines
- Product: https://design.buzzvil.com/product/ — Product design guidelines and pattern documentation
- About: https://design.buzzvil.com/about/ — Team information and contact

## Product Sub-Pages

- UX Patterns: https://design.buzzvil.com/product/UX-patterns/ — Interaction patterns, UI kit structure, and micro-interactions
- Visual Patterns: https://design.buzzvil.com/product/visual-patterns/ — Design principles and visual standards
- Workflow & Rituals: https://design.buzzvil.com/product/workflow-rituals/ — Team workflow, review processes, and collaboration rituals

## Component Library

- Library Home: https://design.buzzvil.com/lib/ — Interactive theme playground
- Theme: https://design.buzzvil.com/lib/theme/ — Live theme editor with color customization
- Components: https://design.buzzvil.com/lib/components/ — Browse all components, layouts, and interaction patterns

## Key Details

- Built by: Buzzvil Design Team (https://buzzvil.com)
- Tech stack: Next.js, React, Tailwind CSS, Framer Motion
- Design tokens: OKLCH-based color system with dark/light theme support
- Component library: Shared packages (@buzzvil/components, @buzzvil/layouts, @buzzvil/tokens)

## Contact

- Website: https://buzzvil.com
- Design portal: https://design.buzzvil.com