About this site
How This Site Was Built
Design Buzzvil is Buzzvil's design portal. It documents how the team works (workflow, craft, team), the AI-Native Design Playbook and the brand, in a bilingual, statically exported site. Here is how it is built.
Tech Stack
Framework
- Next.js 15
App Router, Turbopack dev, static export (output: "export")
- React 18
Client components, concurrent features
- TypeScript
Strict mode, end-to-end type safety
Styling & Motion
- Tailwind CSS
Utility-first, custom theme (OKLCH tokens)
- Framer Motion
Scroll-linked motion, parallax, blur reveal
- Lucide React
Icons across layout and sections
Typography
- Inter
Primary
- Noto Sans KR
Korean
- Anonymous Pro / Nanum Gothic Coding
Monospace (EN / KR)
Deployment
- Vercel
Static export deployed from the buzzvil-web monorepo
- Static Export
Trailing slash, no server runtime
Architecture & Logic
Theming
OKLCH color tokens from @buzzvil/tokens as CSS custom properties. Accent, primary and muted tokens cascade through all components, in dark and light themes.
Internationalization
English and Korean. LanguageContext provides t() across the app. Navigation and page copy are bilingual.
Site Structure
Home: Mission & Vision, The Shift, Our Thesis, Values, Signals, Team teaser, Further reading. Workflow: two lanes, delivery paths, the designer's review, release, harness, resources. Craft: Principles, Foundations, Ecosystems, Brand. Team: people and how we hire. Playbook: the AI-Native Design Playbook. Brand: identity guidelines and asset generators. About: this page.
Motion & Layout
Framer Motion for scroll-linked parallax and blur reveals. Page heroes draw a canvas grid of small crosses that brighten near the pointer and ripple on click, and stay still when the system asks for reduced motion. Principles and Values sit in readable tables. Brand generators run in the browser.
Static Export
Next.js output: "export" with trailing slash. The whole site is pre-rendered at build time and served from Vercel. No server or API routes.
The portal is public. Its source is internal to Buzzvil.