WebForge MCP Server

# S33 — Liquid Metal
## Industry: SaaS

## Style DNA
- **Palette:** Silver, Chrome, Mercury, iridescent highlights. Dark or reflective background.
- **Typography:** Bold, futuristic, liquid-like fonts.
- **Radius:** Fluid, amorphous shapes. Blobs.
- **Shadow:** High contrast reflections, specular highlights.
- **Border:** None, or defined by light reflections.
- **Patterns:** Ripples, distortions, refractions.
- **Motion:** Flowing, dripping, morphing.

## Do's
- Use metallic gradients
- Use fluid shapes
- Simulate reflection
- Keep it slick

## Don'ts
- Don't use rough textures
- Don't use geometric grids
- Don't make it static
- Don't use flat colors

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S33"
    style_name: "Liquid Metal"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#000000"
      secondary: "#111111"
    text:
      primary: "#FFFFFF"
      secondary: "#AAAAAA"
      muted: "#666666"
    brand:
      primary: "#E0E0E0"
      accent: "#A0A0A0"
    border:
      strong: "#C0C0C0"
      subtle: "rgba(192,192,192,0.3)"
    state:
      success: "#4CAF50"
      warning: "#FFC107"
      error: "#F44336"
    focus:
      ring: "#E0E0E0"
  radius:
    none: 0
    sm: 16
    md: 32
    lg: 9999
    fluid: "50% 30% 60% 40% / 40% 60% 40% 60%"
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    metal: "inset 4px 4px 10px rgba(255,255,255,0.5), inset -4px -4px 10px rgba(0,0,0,0.8), 0 0 15px rgba(255,255,255,0.2)"
    glow: "0 0 40px rgba(255,255,255,0.3)"
  layout:
    container:
      content: 1120
      wide: 1280
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 400
      normal: 800
    easing: "cubic-bezier(0.4, 0, 0.2, 1)"
  typography:
    font:
      sans:
        primary: "Orbitron"
        fallback:
          - "Rajdhani"
          - "sans-serif"
      display:
        primary: "Audiowide"
        fallback:
          - "sans-serif"
    scale:
      h1: { size: 56, line: 64, weight: 700, tracking: 0.02 }
      h2: { size: 42, line: 50, weight: 600, tracking: 0.01 }
      h3: { size: 28, line: 36, weight: 500, 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: [64, 80]
      desktop: [112, 144]
```