WebForge MCP Server

# S75 — Surrealist
## Industry: SaaS

## Style DNA
- **Palette:** Dreamlike gradients, odd juxtapositions.
- **Typography:** Surreal distorted type.
- **Radius:** Melting shapes.
- **Shadow:** Long impossible shadows.
- **Border:** Liquid edges.
- **Patterns:** Clouds, melting clocks, eyes.
- **Motion:** Morphing, floating.

## Do's
- Be weird
- Dali vibes
- Dream logic
- Unexpected

## Don'ts
- Don't be boring
- Don't be standard
- Don't make sense

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S75"
    style_name: "Surrealist"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#f3e5f5"
      secondary: "#E1BEE7"
    text:
      primary: "#4A148C"
      secondary: "#6A1B9A"
      muted: "#9C27B0"
    brand:
      primary: "#7b1fa2"
      accent: "#29b6f6"
    border:
      strong: "#AB47BC"
      subtle: "rgba(171,71,188,0.3)"
    state:
      success: "#66BB6A"
      warning: "#FFA726"
      error: "#EF5350"
    focus:
      ring: "#7b1fa2"
  radius:
    none: 0
    sm: 16
    md: 32
    lg: 48
    melt: "60% 40% 70% 30% / 30% 60% 40% 70%"
  border:
    width:
      hairline: 1
      medium: 2
      strong: 4
  shadow:
    dream: "20px 30px 40px rgba(123,31,162,0.3)"
    float: "0 20px 60px rgba(0,0,0,0.2)"
  layout:
    container:
      content: 1080
      wide: 1200
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 600
      normal: 1200
    easing: "cubic-bezier(0.4, 0, 0.2, 1)"
  typography:
    font:
      sans:
        primary: "Fredoka One"
        fallback:
          - "sans-serif"
      display:
        primary: "Grandstander"
        fallback:
          - "cursive"
    scale:
      h1: { size: 56, line: 68, weight: 700, tracking: 0 }
      h2: { size: 42, line: 52, weight: 600, tracking: 0 }
      h3: { size: 28, line: 36, weight: 500, tracking: 0 }
      body: { size: 16, line: 28, weight: 400, tracking: 0 }
      small: { size: 14, line: 22, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [64, 80]
      desktop: [112, 144]
```