Brands

Brand Customization

Every interaction adapts to the partner brand. The TokenSeed system generates a complete theme from 5-6 input values, and the recipe adaptation utility produces brand-specific configurations.

Brand Seeds

How the TokenSeed system works. 5-6 input values generate 100+ design tokens for complete brand theming.

Brand Examples

Real-world brand configurations — Olive Young, Musinsa, Amorepacific, Samsung Galaxy, and Coupang.

Quick Start

TypeScript

import { createThemeFromSeed } from '@buzzvil/design-library/tokens';
import { adaptRecipeForBrand } from '@buzzvil/design-library/brands';
import { getRecipe } from '@buzzvil/design-library/recipes';

// 1. Define the brand seed
const oliveYoungSeed = {
  primary: '#00A862',
  primaryDark: '#008F53',
  mode: 'light' as const,
  spacingBase: 4,
  radiusBase: 8,
  fontFamily: 'Pretendard',
};

// 2. Generate the full theme
const theme = createThemeFromSeed(oliveYoungSeed);

// 3. Adapt a recipe for this brand
const recipe = getRecipe('spin-to-win')!;
const adapted = adaptRecipeForBrand(recipe, oliveYoungSeed);