About this site
How This Site Was Built
Design Buzzvil is Buzzvil's living design portal. It documents our foundations (mission, philosophy, working principles, team, stack, routines), brand, and product system in a bilingual, statically exported site. Here's how it's built.
Tech Stack
Framework
- Next.js 16
App Router, Turbopack dev, static export (output: "export")
- React 19
Client components, concurrent features
- TypeScript
Strict mode, end-to-end type safety
Styling & Motion
- Tailwind CSS
Utility-first, custom theme (HSL tokens)
- Framer Motion
Scroll-linked motion, parallax, blur reveal, hero blobs
- Lucide React
Icons across layout and sections
Typography
- Nunito
Display / hero (EN)
- Noto Sans KR
Primary (KR)
- Inter
Primary (EN body)
- Anonymous Pro / Nanum Gothic Coding
Monospace (EN / KR)
Deployment
- GitHub Pages
Static hosting via GitHub Actions
- Static Export
basePath /design, trailing slash, no server runtime
Architecture & Logic
Theming
HSL-based color tokens as CSS custom properties. Accent, primary, and muted tokens cascade through all components. Hero and brand/product pages use per-page palettes for background blobs.
Internationalization
Fully bilingual (English / Korean). LanguageContext provides t() across the app. All copy is translated: nav, section headers, team profiles, tools, routines, principles, and values.
Site Structure
Foundations (home): Mission & Vision, Philosophy, Working Principles, Team, Our Stack, Design Routines. Brand: principles, guidelines, resources. Product: Principles table, Composition, Variables, Patterns, Conventions. Shared: Header, Footer, section nav, parallax sections.
Motion & Layout
Framer Motion for scroll-linked parallax, blur reveals, and hero background blobs (white/gray gradients). Principles and Values are presented in readable tables; no carousels. Contact form and brand generators use client-side logic.
Static Export
Next.js output: "export" with basePath /design and trailing slash. Entire site is pre-rendered at build time for GitHub Pages. No server or API routes.
Open by Design
Source is public on GitHub. The portal is for the Buzzvil design team and partners; anyone can browse how we work, use our structure as reference, or contribute.