Brand Kit
The visual language of the Buzzvil brand system in one place — the surfaces it produces, the palettes that color them, the dataviz kit they share, and the neutral foundation underneath. Everything here is generated by the @buzzvil/brand-kit tokens and the buzzvil-brand plugin family.
Templates
Live previews of the four brand surfaces — Deck, Report, Dashboard, and Documentation — rendered from committed snapshots.
Palettes
The eight chameleon palettes. Each supplies a background / mid / accent triple in oklch that repaints any surface from three CSS variables.
Dataviz
Inline SVG/HTML primitives (sparkline, mini-bar, donut, KPI card, heatmap) plus brand-themed ECharts — all driven by the palette accents.
Foundation
The neutral rail: brand colors, the Pretendard / Inter / Anonymous Pro type stack, and the semantic --brand-* surface variables.
More
Interaction Kit →
Building in-app surfaces instead? The composable, agent-driven product interaction library — primitives, components, recipes, and the agent APIs.
buzzvil-patterns ↗
The animated heroes and background patterns gallery — motion-ready brand artwork used as slide and section backdrops. Opens in a new tab.
Install the brand plugin
The surfaces above are authored with the buzzvil-brand Claude Code plugin and its skills — buzzvil-deck, buzzvil-report, buzzvil-doc, and buzzvil-dashboard — which carry the full palette + patterns model.