WebForge MCP Server

# S52 — Pop Art
## Industry: SaaS

## Style DNA
- **Palette:** CMYK primaries, extremely vibrant and contrasting.
- **Typography:** Bold comic fonts, Ben-Day dots.
- **Radius:** Standard rounding or sharp.
- **Shadow:** Black halftone drop shadows.
- **Border:** Thick black outlines.
- **Patterns:** Ben-Day dots, starbursts, stripes.
- **Motion:** Pop-in, comic pow effects.

## Do's
- Use halftones
- Use bold outlines
- Be loud
- Reference Lichtenstein/Warhol

## Don'ts
- Don't use muted colors
- Don't be subtle
- Don't use realistic gradients
- Don't take itself seriously

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S52"
    style_name: "Pop Art"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#FFFFFF"
      secondary: "#F0F0F0"
    text:
      primary: "#000000"
      secondary: "#333333"
      muted: "#666666"
    brand:
      primary: "#EC008C"
      accent: "#00ADEF"
    accent:
      cyan: "#00ADEF"
      magenta: "#EC008C"
      yellow: "#FFF200"
      black: "#000000"
    border:
      strong: "#000000"
      subtle: "#333333"
    state:
      success: "#00FF00"
      warning: "#FFF200"
      error: "#FF0000"
    focus:
      ring: "#00ADEF"
  radius:
    none: 0
    sm: 4
    md: 8
    lg: 16
  border:
    width:
      outline: 4
      medium: 6
      strong: 8
  shadow:
    halftone: "8px 8px 0 #000"
    pop: "12px 12px 0 #000"
  layout:
    container:
      content: 1080
      wide: 1200
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 150
      normal: 300
    easing: "cubic-bezier(0.68, -0.55, 0.27, 1.55)"
  typography:
    font:
      sans:
        primary: "Bangers"
        fallback:
          - "Impact"
          - "sans-serif"
      body:
        primary: "Comic Neue"
        fallback:
          - "Comic Sans MS"
          - "cursive"
    scale:
      h1: { size: 64, line: 68, weight: 400, tracking: 0.02 }
      h2: { size: 48, line: 52, weight: 400, tracking: 0.01 }
      h3: { size: 32, line: 38, weight: 400, tracking: 0 }
      body: { size: 16, line: 26, weight: 400, tracking: 0 }
      small: { size: 14, line: 22, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [56, 72]
      desktop: [96, 120]
```