WebForge MCP Server

# S27 — Y2K Aesthetic
## Industry: SaaS

## Style DNA
- **Palette:** Hot pink, electric blue, silver/chrome, black.
- **Typography:** Extended sans-serif, futuristic fonts.
- **Radius:** Mixed: Pills and sharp angles.
- **Shadow:** Glows, metallic reflections.
- **Border:** Thick metallic borders or none.
- **Patterns:** Blobs, liquid metal, grid backgrounds, stars.
- **Motion:** Bouncy, fast, energetic.

## Do's
- Use chrome textures
- Use bright neon colors
- Use futuristic shapes
- Embrace 2000s tech nostalgia

## Don'ts
- Don't make it boring
- Don't use muted colors
- Don't stick to standard grids
- Don't ignore the vibe

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S27"
    style_name: "Y2K Aesthetic"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#000000"
      secondary: "#1A1A1A"
    text:
      primary: "#FFFFFF"
      secondary: "#D1D5DB"
      muted: "#9CA3AF"
    brand:
      primary: "#FF00FF"
      accent: "#00FFFF"
    chrome:
      silver: "#C0C0C0"
      highlight: "#E8E8E8"
    border:
      strong: "#FF00FF"
      subtle: "rgba(255,0,255,0.3)"
    state:
      success: "#00FF00"
      warning: "#FFFF00"
      error: "#FF0066"
    focus:
      ring: "#00FFFF"
  radius:
    none: 0
    sm: 8
    md: 16
    lg: 20
    pill: 9999
  border:
    width:
      hairline: 1
      chrome: 3
      strong: 4
  shadow:
    glow: "0 0 15px #FF00FF"
    chrome: "0 0 30px rgba(192,192,192,0.5)"
    neon: "0 0 20px #00FFFF"
  layout:
    container:
      content: 1120
      wide: 1280
    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: "Righteous"
        fallback:
          - "sans-serif"
      mono:
        primary: "Space Mono"
        fallback:
          - "monospace"
    scale:
      h1: { size: 56, line: 64, weight: 400, tracking: 0.02 }
      h2: { size: 42, line: 50, weight: 400, tracking: 0.01 }
      h3: { size: 28, line: 36, 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]
```