WebForge MCP Server

# S60 — Volcanic
## Industry: SaaS

## Style DNA
- **Palette:** Charcoal blacks, magma reds, ash greys.
- **Typography:** Bold, cracked or burnt fonts.
- **Radius:** Jagged rock edges.
- **Shadow:** Inner glow (magma).
- **Border:** Cracked earth.
- **Patterns:** Lava flow, rock texture, smoke.
- **Motion:** Slow flow, particle embers.

## Do's
- High contrast
- Dark mode
- Glowing elements
- Texture heavy

## Don'ts
- Don't use water colors
- Don't be clean
- Don't be friendly

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S60"
    style_name: "Volcanic"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#212121"
      secondary: "#1A1A1A"
    text:
      primary: "#FFFFFF"
      secondary: "#BDBDBD"
      muted: "#757575"
    brand:
      primary: "#ff3d00"
      accent: "#FF6D00"
    border:
      strong: "#ff3d00"
      subtle: "rgba(255,61,0,0.3)"
    state:
      success: "#76FF03"
      warning: "#FFAB00"
      error: "#FF1744"
    focus:
      ring: "#ff3d00"
  radius:
    none: 0
    sm: 2
    md: 4
    lg: 8
    jagged: "polygon(0 10%, 15% 0, 100% 5%, 85% 100%, 0 95%)"
  border:
    width:
      hairline: 1
      medium: 2
      strong: 4
  shadow:
    magma: "0 0 40px rgba(255,61,0,0.5)"
    ember: "0 4px 20px rgba(255,109,0,0.3)"
  layout:
    container:
      content: 1120
      wide: 1280
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 300
      normal: 600
    easing: "ease-in-out"
  typography:
    font:
      sans:
        primary: "Bebas Neue"
        fallback:
          - "Impact"
          - "sans-serif"
      mono:
        primary: "Share Tech Mono"
        fallback:
          - "monospace"
    scale:
      h1: { size: 72, line: 76, weight: 400, tracking: 0.05 }
      h2: { size: 48, line: 52, weight: 400, tracking: 0.03 }
      h3: { size: 32, line: 40, weight: 400, tracking: 0.02 }
      body: { size: 16, line: 26, weight: 400, tracking: 0 }
      small: { size: 14, line: 20, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [64, 80]
      desktop: [96, 128]
```