WebForge MCP Server

# S90 — Brutalist Color
## Industry: SaaS

## Style DNA
- **Palette:** Clashing colors (Pink/Green, Blue/Orange), high saturation.
- **Typography:** Bold grotesque sans, massive sizes.
- **Radius:** Zero radius.
- **Shadow:** Hard solid black shadows.
- **Border:** Thick black borders (3px+).
- **Patterns:** Grid lines, raw HTML elements.
- **Motion:** Jerky, instant, hover effects.

## Do's
- Be bold
- Clash colors
- Use borders
- Anti-design

## Don'ts
- Don't be subtle
- Don't use gradients
- pretty

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S90"
    style_name: "Brutalist Color"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#FFEB3B"
      secondary: "#FFF9C4"
    text:
      primary: "#000000"
      secondary: "#212121"
      muted: "#424242"
    brand:
      primary: "#000000"
      accent: "#FF00FF"
    clash:
      pink: "#FF00FF"
      green: "#00FF00"
      blue: "#0000FF"
      orange: "#FF6600"
    border:
      strong: "#000000"
      subtle: "#000000"
    state:
      success: "#00FF00"
      warning: "#FF6600"
      error: "#FF0000"
    focus:
      ring: "#0000FF"
  radius:
    none: 0
    sm: 0
    md: 0
    lg: 0
  border:
    width:
      thin: 2
      medium: 4
      thick: 6
  shadow:
    hard: "6px 6px 0 #000000"
    brutal: "8px 8px 0 #000000"
  layout:
    container:
      content: 1080
      wide: 1200
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 0
      normal: 100
    easing: "step-end"
  typography:
    font:
      sans:
        primary: "Archivo Black"
        fallback:
          - "Impact"
          - "sans-serif"
      body:
        primary: "Space Mono"
        fallback:
          - "monospace"
    scale:
      h1: { size: 72, line: 76, weight: 900, tracking: -0.02 }
      h2: { size: 56, line: 60, weight: 900, tracking: -0.01 }
      h3: { size: 36, line: 42, weight: 800, tracking: 0 }
      body: { size: 16, line: 24, weight: 400, tracking: 0 }
      small: { size: 14, line: 20, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [48, 64]
      desktop: [80, 104]
```