WebForge MCP Server

# S32 — Windows 95
## Industry: SaaS

## Style DNA
- **Palette:** Windows 95 Gray (#C0C0C0), Black, White, Navy Blue title bars.
- **Typography:** Pixelated sans-serif (MS Sans Serif) or System fonts.
- **Radius:** Zero radius for windows, sligthly rounded for some modern interpretations but mostly sharp.
- **Shadow:** Classic bevels: Light top-left, dark bottom-right.
- **Border:** Beveled edges (3D borders).
- **Patterns:** Dithered gradients, strict grids.
- **Motion:** Instant, snapping windows. No smooth reformations.

## Do's
- Use #C0C0C0 background
- Use beveled buttons
- Use pixel fonts
- Keep it nostalgic

## Don'ts
- Don't use smooth gradients
- Don't use rounded corners (unless necessary)
- Don't use transparency
- Don't modernize it too much

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S32"
    style_name: "Windows 95"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#C0C0C0"
      secondary: "#FFFFFF"
      active: "#000080"
    text:
      primary: "#000000"
      secondary: "#808080"
      muted: "#808080"
      disabled: "#808080"
      inverse: "#FFFFFF"
    brand:
      primary: "#000080"
      accent: "#008080"
    border:
      strong: "#000000"
      subtle: "#808080"
      light: "#FFFFFF"
      shadow: "#808080"
    state:
      success: "#008000"
      warning: "#FFFF00"
      error: "#FF0000"
    focus:
      ring: "#000080"
  radius:
    none: 0
    sm: 0
    md: 0
    lg: 0
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    out: "inset 1px 1px #dfdfdf, inset -1px -1px #000000, inset 2px 2px #ffffff, inset -2px -2px #808080"
    in: "inset 1px 1px #000000, inset -1px -1px #dfdfdf, inset 2px 2px #808080, inset -2px -2px #ffffff"
  layout:
    container:
      content: 1024
      wide: 1200
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 8
      desktop: 16
  motion:
    duration:
      fast: 0
      normal: 0
    easing: "step-end"
  typography:
    font:
      sans:
        primary: "MS Sans Serif"
        fallback:
          - "Tahoma"
          - "sans-serif"
      mono:
        primary: "Courier New"
        fallback:
          - "monospace"
    scale:
      h1: { size: 24, line: 28, weight: 700, tracking: 0 }
      h2: { size: 18, line: 22, weight: 700, tracking: 0 }
      h3: { size: 14, line: 18, weight: 700, tracking: 0 }
      body: { size: 11, line: 16, weight: 400, tracking: 0 }
      small: { size: 10, line: 14, weight: 400, tracking: 0 }
  spacing:
    base: 4
    section_py:
      mobile: [24, 32]
      desktop: [40, 56]
```