@forgespace/branding-mcp 0.6.2 → 0.7.1

package/src/lib/branding-core/generators/logo-generator.ts

@@ -1,152 +0,0 @@
-import type { BrandStyle, LogoConfig, LogoOutput } from '../../types.js';
-
-export function defaultLogoConfig(brandName: string, primaryColor: string): LogoConfig {
-  return {
-    text: brandName,
-    font: 'Inter',
-    fontSize: 48,
-    color: primaryColor,
-    backgroundColor: 'transparent',
-    width: 400,
-    height: 120,
-  };
-}
-
-function generateWordmark(config: LogoConfig): string {
-  const { text, font, fontSize, color, backgroundColor, width, height } = config;
-  const initial = text.charAt(0).toUpperCase();
-  const circleR = height * 0.35;
-  const circleX = circleR + 20;
-  const circleY = height / 2;
-  const textX = circleX + circleR + 16;
-  const textY = height / 2;
-  const fontFamily = `'${font}', sans-serif`;
-
-  return [
-    `<svg xmlns="http://www.w3.org/2000/svg" width="400" height="120" viewBox="0 0 400 120">`,
-    backgroundColor !== 'transparent'
-      ? `  <rect width="${width}" height="${height}" fill="${backgroundColor}" rx="8"/>`
-      : '',
-    `  <circle cx="${circleX}" cy="${circleY}" r="${circleR}" fill="${color}"/>`,
-    `  <text x="${circleX}" y="${circleY}" fill="white" font-size="${fontSize * 0.7}" font-family="${fontFamily}" font-weight="700" text-anchor="middle" dominant-baseline="central">${initial}</text>`,
-    `  <text x="${textX}" y="${textY}" fill="${color}" font-size="${fontSize}" font-family="${fontFamily}" font-weight="600" dominant-baseline="central">${text}</text>`,
-    '</svg>',
-  ]
-    .filter(Boolean)
-    .join('\n');
-}
-
-const MONOGRAM_SHAPES: Record<BrandStyle, string> = {
-  minimal: 'roundedSquare',
-  bold: 'hexagon',
-  elegant: 'thinCircle',
-  playful: 'blob',
-  corporate: 'rectangle',
-  tech: 'diamond',
-  organic: 'ellipse',
-  retro: 'octagon',
-};
-
-function monogramContainer(style: BrandStyle, color: string): string {
-  const shape = MONOGRAM_SHAPES[style] ?? 'thinCircle';
-  const containers: Record<string, string> = {
-    roundedSquare: `<rect x="10" y="10" width="100" height="100" rx="16" fill="${color}"/>`,
-    hexagon: `<polygon points="60,5 110,30 110,90 60,115 10,90 10,30" fill="${color}"/>`,
-    thinCircle: `<circle cx="60" cy="60" r="50" fill="none" stroke="${color}" stroke-width="3"/>`,
-    blob: `<ellipse cx="60" cy="60" rx="52" ry="48" fill="${color}"/>`,
-    rectangle: `<rect x="10" y="15" width="100" height="90" rx="4" fill="${color}"/>`,
-    diamond: `<polygon points="60,5 115,60 60,115 5,60" fill="${color}"/>`,
-    ellipse: `<ellipse cx="60" cy="60" rx="55" ry="45" fill="${color}"/>`,
-    octagon: `<polygon points="35,5 85,5 115,35 115,85 85,115 35,115 5,85 5,35" fill="${color}"/>`,
-  };
-  return containers[shape] ?? containers.thinCircle;
-}
-
-function generateMonogram(config: LogoConfig): string {
-  const { text, font, color } = config;
-  const initial = text.charAt(0).toUpperCase();
-  const style = config.style ?? 'minimal';
-  const fontFamily = `'${font}', sans-serif`;
-  const isThinCircle = MONOGRAM_SHAPES[style] === 'thinCircle';
-  const textColor = isThinCircle ? color : 'white';
-
-  return [
-    `<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">`,
-    `  ${monogramContainer(style, color)}`,
-    `  <text x="60" y="60" fill="${textColor}" font-size="56" font-family="${fontFamily}" font-weight="700" text-anchor="middle" dominant-baseline="central">${initial}</text>`,
-    '</svg>',
-  ].join('\n');
-}
-
-const ABSTRACT_BUILDERS: Record<BrandStyle, (c: string) => string> = {
-  minimal: (c) =>
-    `  <circle cx="40" cy="60" r="30" fill="${c}" opacity="0.8"/>` +
-    `\n  <circle cx="60" cy="40" r="30" fill="${c}" opacity="0.5"/>` +
-    `\n  <circle cx="80" cy="60" r="30" fill="${c}" opacity="0.3"/>`,
-  bold: (c) =>
-    `  <rect x="10" y="10" width="50" height="50" fill="${c}" opacity="0.9"/>` +
-    `\n  <rect x="40" y="40" width="50" height="50" fill="${c}" opacity="0.6"/>` +
-    `\n  <rect x="60" y="20" width="40" height="40" fill="${c}" opacity="0.3"/>`,
-  elegant: (c) =>
-    `  <path d="M60,10 A50,50 0 0,1 110,60" fill="none" stroke="${c}" stroke-width="2"/>` +
-    `\n  <path d="M60,25 A35,35 0 0,1 95,60" fill="none" stroke="${c}" stroke-width="2"/>` +
-    `\n  <path d="M60,40 A20,20 0 0,1 80,60" fill="none" stroke="${c}" stroke-width="2"/>`,
-  playful: (c) =>
-    `  <circle cx="30" cy="40" r="8" fill="${c}"/>` +
-    `\n  <circle cx="60" cy="25" r="12" fill="${c}" opacity="0.7"/>` +
-    `\n  <circle cx="90" cy="50" r="10" fill="${c}" opacity="0.5"/>` +
-    `\n  <circle cx="50" cy="80" r="14" fill="${c}" opacity="0.6"/>`,
-  corporate: (c) =>
-    `  <rect x="10" y="10" width="30" height="100" fill="${c}" opacity="0.3"/>` +
-    `\n  <rect x="45" y="10" width="30" height="100" fill="${c}" opacity="0.5"/>` +
-    `\n  <rect x="80" y="10" width="30" height="100" fill="${c}" opacity="0.7"/>`,
-  tech: (c) =>
-    `  <line x1="10" y1="60" x2="50" y2="30" stroke="${c}" stroke-width="2"/>` +
-    `\n  <line x1="50" y1="30" x2="90" y2="50" stroke="${c}" stroke-width="2"/>` +
-    `\n  <line x1="90" y1="50" x2="110" y2="20" stroke="${c}" stroke-width="2"/>` +
-    `\n  <circle cx="50" cy="30" r="4" fill="${c}"/>` +
-    `\n  <circle cx="90" cy="50" r="4" fill="${c}"/>`,
-  organic: (c) =>
-    `  <path d="M10,60 Q30,20 60,60 Q90,100 110,60" fill="none" stroke="${c}" stroke-width="3"/>` +
-    `\n  <path d="M10,80 Q30,40 60,80 Q90,120 110,80" fill="none" stroke="${c}" stroke-width="2" opacity="0.5"/>`,
-  retro: (c) =>
-    `  <polygon points="60,10 75,35 110,35 82,55 93,85 60,67 27,85 38,55 10,35 45,35" fill="${c}"/>` +
-    `\n  <polygon points="60,25 70,42 90,42 74,53 80,70 60,60 40,70 46,53 30,42 50,42" fill="white" opacity="0.3"/>`,
-};
-
-function generateAbstract(config: LogoConfig): string {
-  const { color } = config;
-  const style = config.style ?? 'minimal';
-  const builder = ABSTRACT_BUILDERS[style] ?? ABSTRACT_BUILDERS.minimal;
-
-  return [
-    `<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">`,
-    builder(color),
-    '</svg>',
-  ].join('\n');
-}
-
-function generateIcon(config: LogoConfig): string {
-  const { text, font, color } = config;
-  const initial = text.charAt(0).toUpperCase();
-  const fontFamily = `'${font}', sans-serif`;
-
-  return [
-    `<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">`,
-    `  <circle cx="32" cy="32" r="28" fill="${color}"/>`,
-    `  <text x="32" y="32" fill="white" font-size="32" font-family="${fontFamily}" font-weight="700" text-anchor="middle" dominant-baseline="central">${initial}</text>`,
-    '</svg>',
-  ].join('\n');
-}
-
-export function generateSvgLogo(config: LogoConfig): LogoOutput {
-  const wordmark = generateWordmark(config);
-  const monogram = generateMonogram(config);
-  const abstract = generateAbstract(config);
-  const icon = generateIcon(config);
-
-  return {
-    svg: wordmark,
-    variants: { wordmark, monogram, abstract, icon },
-  };
-}

package/src/lib/branding-core/generators/motion-system.ts

@@ -1,98 +0,0 @@
-import type { BrandStyle, DurationName, EasingName, MotionSystem } from '../../types.js';
-
-const STYLE_DURATIONS: Record<BrandStyle, Record<DurationName, number>> = {
-  minimal: { instant: 0, fast: 100, normal: 200, slow: 300, slower: 400 },
-  bold: { instant: 0, fast: 100, normal: 200, slow: 300, slower: 450 },
-  elegant: { instant: 0, fast: 200, normal: 350, slow: 500, slower: 700 },
-  playful: { instant: 0, fast: 150, normal: 250, slow: 400, slower: 600 },
-  corporate: { instant: 0, fast: 120, normal: 200, slow: 300, slower: 400 },
-  tech: { instant: 0, fast: 80, normal: 150, slow: 250, slower: 350 },
-  organic: { instant: 0, fast: 180, normal: 300, slow: 450, slower: 650 },
-  retro: { instant: 0, fast: 150, normal: 250, slow: 350, slower: 500 },
-};
-
-const STYLE_EASINGS: Record<BrandStyle, Record<EasingName, string>> = {
-  minimal: {
-    'ease-in': 'cubic-bezier(0.4, 0, 1, 1)',
-    'ease-out': 'cubic-bezier(0, 0, 0.2, 1)',
-    'ease-in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
-    spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
-    bounce: 'cubic-bezier(0.34, 1.2, 0.64, 1)',
-  },
-  bold: {
-    'ease-in': 'cubic-bezier(0.5, 0, 1, 1)',
-    'ease-out': 'cubic-bezier(0, 0, 0.15, 1)',
-    'ease-in-out': 'cubic-bezier(0.5, 0, 0.15, 1)',
-    spring: 'cubic-bezier(0.22, 1.8, 0.36, 1)',
-    bounce: 'cubic-bezier(0.22, 1.5, 0.36, 1)',
-  },
-  elegant: {
-    'ease-in': 'cubic-bezier(0.42, 0, 1, 1)',
-    'ease-out': 'cubic-bezier(0, 0, 0.58, 1)',
-    'ease-in-out': 'cubic-bezier(0.42, 0, 0.58, 1)',
-    spring: 'cubic-bezier(0.25, 1.2, 0.5, 1)',
-    bounce: 'cubic-bezier(0.25, 1.1, 0.5, 1)',
-  },
-  playful: {
-    'ease-in': 'cubic-bezier(0.4, 0, 1, 1)',
-    'ease-out': 'cubic-bezier(0, 0, 0.2, 1)',
-    'ease-in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
-    spring: 'cubic-bezier(0.18, 2.0, 0.4, 1)',
-    bounce: 'cubic-bezier(0.18, 1.8, 0.4, 1)',
-  },
-  corporate: {
-    'ease-in': 'cubic-bezier(0.4, 0, 1, 1)',
-    'ease-out': 'cubic-bezier(0, 0, 0.2, 1)',
-    'ease-in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
-    spring: 'cubic-bezier(0.3, 1.3, 0.6, 1)',
-    bounce: 'cubic-bezier(0.3, 1.15, 0.6, 1)',
-  },
-  tech: {
-    'ease-in': 'cubic-bezier(0.55, 0, 1, 1)',
-    'ease-out': 'cubic-bezier(0, 0, 0.1, 1)',
-    'ease-in-out': 'cubic-bezier(0.55, 0, 0.1, 1)',
-    spring: 'cubic-bezier(0.2, 1.6, 0.4, 1)',
-    bounce: 'cubic-bezier(0.2, 1.4, 0.4, 1)',
-  },
-  organic: {
-    'ease-in': 'cubic-bezier(0.35, 0, 0.9, 1)',
-    'ease-out': 'cubic-bezier(0.1, 0, 0.3, 1)',
-    'ease-in-out': 'cubic-bezier(0.35, 0, 0.3, 1)',
-    spring: 'cubic-bezier(0.28, 1.4, 0.5, 1)',
-    bounce: 'cubic-bezier(0.28, 1.25, 0.5, 1)',
-  },
-  retro: {
-    'ease-in': 'cubic-bezier(0.5, 0, 1, 1)',
-    'ease-out': 'cubic-bezier(0, 0, 0.3, 1)',
-    'ease-in-out': 'cubic-bezier(0.5, 0, 0.3, 1)',
-    spring: 'cubic-bezier(0.3, 1.5, 0.5, 1)',
-    bounce: 'cubic-bezier(0.3, 1.3, 0.5, 1)',
-  },
-};
-
-function buildTransitions(
-  durations: Record<DurationName, number>,
-  defaultEasing: string
-): Record<string, string> {
-  return {
-    fade: `opacity ${durations.normal}ms ${defaultEasing}`,
-    slide: `transform ${durations.normal}ms ${defaultEasing}`,
-    scale: `transform ${durations.fast}ms ${defaultEasing}`,
-    color: `color ${durations.slow}ms ${defaultEasing}, background-color ${durations.slow}ms ${defaultEasing}`,
-    all: `all ${durations.normal}ms ${defaultEasing}`,
-  };
-}
-
-export function generateMotionSystem(style: BrandStyle = 'minimal'): MotionSystem {
-  const durationValues = STYLE_DURATIONS[style];
-  const easingValues = STYLE_EASINGS[style];
-  const durations = {} as Record<DurationName, string>;
-  for (const [name, ms] of Object.entries(durationValues)) {
-    durations[name as DurationName] = `${ms}ms`;
-  }
-  return {
-    durations,
-    easings: easingValues,
-    transitions: buildTransitions(durationValues, easingValues['ease-out']),
-  };
-}

package/src/lib/branding-core/generators/og-image-generator.ts

@@ -1,97 +0,0 @@
-import type { BrandIdentity, OgImageOutput, OgTemplate } from '../../types.js';
-
-function getGradientColors(brand: BrandIdentity): [string, string] {
-  return [brand.colors.primary.hex, brand.colors.secondary.hex];
-}
-
-function stripSvgWrapper(svg: string): string {
-  return svg.replace(/<svg[^>]*>/, '').replace(/<\/svg>/, '');
-}
-
-function buildSvg(
-  w: number,
-  h: number,
-  colors: [string, string],
-  font: string,
-  title: string,
-  subtitle: string,
-  logoSection: string
-): string {
-  return [
-    `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" viewBox="0 0 ${w} ${h}">`,
-    `  <defs>`,
-    `    <style>@import url('https://fonts.googleapis.com/css2?family=${encodeURIComponent(font)}');</style>`,
-    `    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">`,
-    `      <stop offset="0%" style="stop-color:${colors[0]}"/>`,
-    `      <stop offset="100%" style="stop-color:${colors[1]}"/>`,
-    `    </linearGradient>`,
-    `  </defs>`,
-    `  <rect width="${w}" height="${h}" fill="url(#bg)"/>`,
-    logoSection,
-    `  <text x="${w / 2}" y="${h / 2 - 20}" fill="white" font-size="56" font-family="'${font}', sans-serif" font-weight="700" text-anchor="middle" dominant-baseline="central">${title}</text>`,
-    subtitle
-      ? `  <text x="${w / 2}" y="${h / 2 + 40}" fill="white" font-size="28" font-family="'${font}', sans-serif" font-weight="400" text-anchor="middle" dominant-baseline="central" opacity="0.8">${subtitle}</text>`
-      : '',
-    '</svg>',
-  ]
-    .filter(Boolean)
-    .join('\n');
-}
-
-function buildDefaultTemplate(brand: BrandIdentity, title?: string, subtitle?: string): string {
-  const displayTitle = title ?? brand.name;
-  const displaySub = subtitle ?? brand.tagline ?? '';
-  const font = brand.typography.headingFont;
-  const logoSvg = brand.logo?.variants?.icon ?? '';
-  const logoSection = logoSvg
-    ? `<g transform="translate(540, 80) scale(1.5)">${stripSvgWrapper(logoSvg)}</g>`
-    : '';
-
-  return buildSvg(1200, 630, getGradientColors(brand), font, displayTitle, displaySub, logoSection);
-}
-
-function buildArticleTemplate(brand: BrandIdentity, title?: string, subtitle?: string): string {
-  const displayTitle = title ?? 'Untitled Article';
-  const displaySub = subtitle ?? '';
-  const font = brand.typography.headingFont;
-  const logoSvg = brand.logo?.variants?.icon ?? '';
-  const logoSection = logoSvg
-    ? `<g transform="translate(1080, 30) scale(0.8)">${stripSvgWrapper(logoSvg)}</g>`
-    : '';
-
-  return buildSvg(1200, 630, getGradientColors(brand), font, displayTitle, displaySub, logoSection);
-}
-
-function buildSocialTemplate(brand: BrandIdentity, title?: string): string {
-  const displayTitle = title ?? brand.name;
-  const font = brand.typography.headingFont;
-  const colors = getGradientColors(brand);
-  const logoSvg = brand.logo?.variants?.icon ?? '';
-  const logoSection = logoSvg
-    ? `<g transform="translate(536, 300) scale(2)">${stripSvgWrapper(logoSvg)}</g>`
-    : '';
-
-  return buildSvg(1200, 1200, colors, font, displayTitle, '', logoSection);
-}
-
-export function generateOgImage(
-  brand: BrandIdentity,
-  template: OgTemplate = 'default',
-  title?: string,
-  subtitle?: string
-): OgImageOutput {
-  const builders: Record<OgTemplate, () => string> = {
-    default: () => buildDefaultTemplate(brand, title, subtitle),
-    article: () => buildArticleTemplate(brand, title, subtitle),
-    social: () => buildSocialTemplate(brand, title),
-  };
-
-  const svg = builders[template]();
-  const dimensions: Record<OgTemplate, { width: number; height: number }> = {
-    default: { width: 1200, height: 630 },
-    article: { width: 1200, height: 630 },
-    social: { width: 1200, height: 1200 },
-  };
-
-  return { template, svg, ...dimensions[template] };
-}

package/src/lib/branding-core/generators/shadow-system.ts

@@ -1,66 +0,0 @@
-import type {
-  BrandStyle,
-  ColorTheme,
-  ShadowLevel,
-  ShadowLevelName,
-  ShadowSystem,
-} from '../../types.js';
-import { hexToHsl, hslToHex } from './color-palette.js';
-
-const LEVEL_CONFIGS: Record<
-  ShadowLevelName,
-  { y: number; blur: number; spread: number; opacity: number }
-> = {
-  none: { y: 0, blur: 0, spread: 0, opacity: 0 },
-  sm: { y: 1, blur: 2, spread: 0, opacity: 0.05 },
-  md: { y: 2, blur: 4, spread: -1, opacity: 0.08 },
-  lg: { y: 4, blur: 8, spread: -2, opacity: 0.1 },
-  xl: { y: 8, blur: 16, spread: -4, opacity: 0.12 },
-  '2xl': { y: 16, blur: 32, spread: -8, opacity: 0.15 },
-};
-
-function makeShadowColor(primaryHex: string, opacity: number): string {
-  const hsl = hexToHsl(primaryHex);
-  const tinted = hslToHex(hsl.h, Math.min(hsl.s, 30), 20);
-  const r = parseInt(tinted.slice(1, 3), 16);
-  const g = parseInt(tinted.slice(3, 5), 16);
-  const b = parseInt(tinted.slice(5, 7), 16);
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-}
-
-function buildLevel(
-  cfg: (typeof LEVEL_CONFIGS)[ShadowLevelName],
-  primaryHex: string,
-  dark: boolean
-): ShadowLevel {
-  const sign = dark ? -1 : 1;
-  const adjustedOpacity = dark ? cfg.opacity * 1.5 : cfg.opacity;
-  const color = makeShadowColor(primaryHex, adjustedOpacity);
-  const oY = cfg.y * sign;
-  const cssValue =
-    cfg.blur === 0
-      ? 'none'
-      : `${cfg.y === 0 ? 0 : `${oY}px`} ${oY === 0 ? '' : `${Math.abs(oY)}px `}${cfg.blur}px ${cfg.spread}px ${color}`.trim();
-  return {
-    offsetX: 0,
-    offsetY: oY,
-    blur: cfg.blur,
-    spread: cfg.spread,
-    color,
-    opacity: adjustedOpacity,
-    cssValue,
-  };
-}
-
-export function generateShadowSystem(
-  primaryHex = '#6B4CE6',
-  theme: ColorTheme = 'light',
-  _style?: BrandStyle
-): ShadowSystem {
-  const dark = theme === 'dark';
-  const levels = {} as Record<ShadowLevelName, ShadowLevel>;
-  for (const [name, cfg] of Object.entries(LEVEL_CONFIGS)) {
-    levels[name as ShadowLevelName] = buildLevel(cfg, primaryHex, dark);
-  }
-  return { levels };
-}

package/src/lib/branding-core/generators/spacing-scale.ts

@@ -1,29 +0,0 @@
-import type { SpacingScale } from '../../types.js';
-
-const SPACING_NAMES = [
-  '0',
-  '0.5',
-  '1',
-  '1.5',
-  '2',
-  '2.5',
-  '3',
-  '4',
-  '5',
-  '6',
-  '8',
-  '10',
-  '12',
-  '16',
-  '20',
-  '24',
-];
-
-export function generateSpacingScale(baseUnit = 4): SpacingScale {
-  const values: Record<string, string> = {};
-  for (const name of SPACING_NAMES) {
-    const multiplier = parseFloat(name);
-    values[name] = `${multiplier * baseUnit}px`;
-  }
-  return { unit: baseUnit, values };
-}

package/src/lib/branding-core/generators/typography-system.ts

@@ -1,128 +0,0 @@
-import type { FontCategory, TypeScaleRatio, TypeStep, TypographySystem } from '../../types.js';
-
-const SCALE_RATIOS: Record<TypeScaleRatio, number> = {
-  'minor-second': 1.067,
-  'major-second': 1.125,
-  'minor-third': 1.2,
-  'major-third': 1.25,
-  'perfect-fourth': 1.333,
-  'augmented-fourth': 1.414,
-  'perfect-fifth': 1.5,
-  'golden-ratio': 1.618,
-};
-
-const FONT_PAIRINGS: Record<FontCategory, Record<FontCategory, [string, string][]>> = {
-  'sans-serif': {
-    serif: [
-      ['Inter', 'Merriweather'],
-      ['Helvetica Neue', 'Georgia'],
-      ['Open Sans', 'Lora'],
-    ],
-    'sans-serif': [
-      ['Montserrat', 'Open Sans'],
-      ['Poppins', 'Inter'],
-      ['Raleway', 'Nunito'],
-    ],
-    monospace: [['Inter', 'JetBrains Mono']],
-    display: [['Inter', 'Playfair Display']],
-    handwriting: [['Inter', 'Caveat']],
-  },
-  serif: {
-    'sans-serif': [
-      ['Playfair Display', 'Source Sans 3'],
-      ['Merriweather', 'Open Sans'],
-      ['Lora', 'Inter'],
-    ],
-    serif: [
-      ['Playfair Display', 'Merriweather'],
-      ['Lora', 'Georgia'],
-    ],
-    monospace: [['Merriweather', 'Fira Code']],
-    display: [['Merriweather', 'Playfair Display']],
-    handwriting: [['Merriweather', 'Caveat']],
-  },
-  monospace: {
-    'sans-serif': [['JetBrains Mono', 'Inter']],
-    serif: [['Fira Code', 'Merriweather']],
-    monospace: [['JetBrains Mono', 'Fira Code']],
-    display: [['JetBrains Mono', 'Playfair Display']],
-    handwriting: [['JetBrains Mono', 'Caveat']],
-  },
-  display: {
-    'sans-serif': [
-      ['Playfair Display', 'Inter'],
-      ['Bebas Neue', 'Open Sans'],
-    ],
-    serif: [['Playfair Display', 'Merriweather']],
-    monospace: [['Playfair Display', 'JetBrains Mono']],
-    display: [['Bebas Neue', 'Playfair Display']],
-    handwriting: [['Playfair Display', 'Caveat']],
-  },
-  handwriting: {
-    'sans-serif': [['Caveat', 'Inter']],
-    serif: [['Caveat', 'Merriweather']],
-    monospace: [['Caveat', 'JetBrains Mono']],
-    display: [['Caveat', 'Playfair Display']],
-    handwriting: [['Caveat', 'Dancing Script']],
-  },
-};
-
-const STEP_NAMES = ['xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl'];
-
-function pickPairing(headingCat: FontCategory, bodyCat: FontCategory): [string, string] {
-  const options = FONT_PAIRINGS[headingCat]?.[bodyCat];
-  if (!options?.length) return ['Inter', 'Inter'];
-  return options[Math.floor(Math.random() * options.length)];
-}
-
-function lineHeightForSize(size: number): string {
-  if (size <= 16) return '1.6';
-  if (size <= 24) return '1.5';
-  if (size <= 36) return '1.3';
-  return '1.2';
-}
-
-function letterSpacingForSize(size: number): string {
-  if (size <= 14) return '0.02em';
-  if (size <= 20) return '0em';
-  return '-0.01em';
-}
-
-function weightForStep(index: number, totalSteps: number): number {
-  const mid = Math.floor(totalSteps / 2);
-  if (index <= mid) return 400;
-  if (index <= mid + 2) return 600;
-  return 700;
-}
-
-export function generateTypographySystem(
-  headingCategory: FontCategory = 'sans-serif',
-  bodyCategory: FontCategory = 'serif',
-  scaleRatio: TypeScaleRatio = 'major-third',
-  baseSize = 16
-): TypographySystem {
-  const ratio = SCALE_RATIOS[scaleRatio];
-  const [headingFont, bodyFont] = pickPairing(headingCategory, bodyCategory);
-
-  const baseIndex = 2;
-  const steps: TypeStep[] = STEP_NAMES.map((name, i) => {
-    const exponent = i - baseIndex;
-    const size = Math.round(baseSize * Math.pow(ratio, exponent) * 100) / 100;
-    return {
-      name,
-      size: `${size}px`,
-      lineHeight: lineHeightForSize(size),
-      letterSpacing: letterSpacingForSize(size),
-      weight: weightForStep(i, STEP_NAMES.length),
-    };
-  });
-
-  return {
-    headingFont,
-    bodyFont,
-    monoFont: 'JetBrains Mono',
-    baseSize,
-    scaleRatio: ratio,
-    steps,
-  };
-}

package/src/lib/branding-core/index.ts

@@ -1,28 +0,0 @@
-export {
-  generateColorPalette,
-  checkContrast,
-  hslToHex,
-  hexToHsl,
-} from './generators/color-palette.js';
-export { generateTypographySystem } from './generators/typography-system.js';
-export { generateSpacingScale } from './generators/spacing-scale.js';
-export { generateShadowSystem } from './generators/shadow-system.js';
-export { generateBorderSystem } from './generators/border-system.js';
-export { generateMotionSystem } from './generators/motion-system.js';
-export { generateSvgLogo, defaultLogoConfig } from './generators/logo-generator.js';
-export { generateGradientSystem } from './generators/gradient-system.js';
-export { generateFavicons } from './generators/favicon-generator.js';
-export { generateOgImage } from './generators/og-image-generator.js';
-export { exportDesignTokens } from './exporters/design-tokens.js';
-export { exportCssVariables } from './exporters/css-variables.js';
-export { exportTailwindPreset } from './exporters/tailwind-preset.js';
-export { exportFigmaTokens } from './exporters/figma-tokens.js';
-export { exportReactTheme } from './exporters/react-theme.js';
-export { exportSassVariables } from './exporters/sass-variables.js';
-export { validateBrandConsistency } from './validators/brand-consistency.js';
-export { validateContrast } from './validators/contrast-checker.js';
-export { interpretFeedback } from './ai/brand-interpreter.js';
-export { interpretWithKeywords } from './ai/keyword-interpreter.js';
-export { applyIntent } from './ai/intent-applier.js';
-export type { BrandIntent, ColorIntent, TypographyIntent, InterpreterOptions } from './ai/types.js';
-export type { InterpreterStrategy } from './ai/brand-interpreter.js';

package/src/lib/branding-core/validators/brand-consistency.ts

@@ -1,79 +0,0 @@
-import type { BrandIdentity, BrandValidationIssue, BrandValidationResult } from '../../types.js';
-import { validateContrast } from './contrast-checker.js';
-
-function validateColorCompleteness(brand: BrandIdentity): BrandValidationIssue[] {
-  const issues: BrandValidationIssue[] = [];
-  const { colors } = brand;
-
-  if (!colors.primary.hex) {
-    issues.push({
-      severity: 'error',
-      element: 'color.primary',
-      message: 'Primary color is missing',
-    });
-  }
-  if (!colors.secondary.hex) {
-    issues.push({
-      severity: 'error',
-      element: 'color.secondary',
-      message: 'Secondary color is missing',
-    });
-  }
-  if (colors.neutral.length < 4) {
-    issues.push({
-      severity: 'warning',
-      element: 'color.neutral',
-      message: `Only ${colors.neutral.length} neutral shades defined (recommend 6-10)`,
-    });
-  }
-
-  return issues;
-}
-
-function validateTypography(brand: BrandIdentity): BrandValidationIssue[] {
-  const issues: BrandValidationIssue[] = [];
-  const { typography } = brand;
-
-  if (!typography.headingFont) {
-    issues.push({
-      severity: 'error',
-      element: 'typography.headingFont',
-      message: 'Heading font is missing',
-    });
-  }
-  if (!typography.bodyFont) {
-    issues.push({
-      severity: 'error',
-      element: 'typography.bodyFont',
-      message: 'Body font is missing',
-    });
-  }
-  if (typography.baseSize < 14 || typography.baseSize > 20) {
-    issues.push({
-      severity: 'warning',
-      element: 'typography.baseSize',
-      message: `Base size ${typography.baseSize}px is outside recommended range (14-20px)`,
-    });
-  }
-
-  return issues;
-}
-
-export function validateBrandConsistency(brand: BrandIdentity): BrandValidationResult {
-  const issues: BrandValidationIssue[] = [
-    ...validateColorCompleteness(brand),
-    ...validateContrast(brand),
-    ...validateTypography(brand),
-  ];
-
-  const errorCount = issues.filter((i) => i.severity === 'error').length;
-  const warningCount = issues.filter((i) => i.severity === 'warning').length;
-  const maxScore = 100;
-  const score = Math.max(0, maxScore - errorCount * 20 - warningCount * 5);
-
-  return {
-    valid: errorCount === 0,
-    score,
-    issues,
-  };
-}