WebForge MCP Server

# S35 — Blueprint
## Industry: SaaS

## Style DNA
- **Palette:** Blueprint Blue (#0055AA), White lines. Technical high contrast.
- **Typography:** Technical lettering (hand-drawn technical or monospace).
- **Radius:** Sharp or strictly geometric arcs.
- **Shadow:** None (flat) or schematic shading (hatching).
- **Border:** White thin lines, dashed lines for hidden edges.
- **Patterns:** Grid paper, measurements, construction lines.
- **Motion:** Drawing effect, writing on path.

## Do's
- Use blueprint blue
- Use white lines
- Show measurements
- Make it look architectural

## Don'ts
- Don't use fills (mostly)
- Don't use random colors
- Don't ignore the grid
- Don't make it messy

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S35"
    style_name: "Blueprint"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#0A4F8B"
      secondary: "#003366"
    text:
      primary: "#FFFFFF"
      secondary: "rgba(255,255,255,0.7)"
      muted: "rgba(255,255,255,0.5)"
    brand:
      primary: "#FFFFFF"
      accent: "#87CEEB"
    border:
      strong: "#FFFFFF"
      subtle: "rgba(255,255,255,0.5)"
    state:
      success: "#90EE90"
      warning: "#FFD700"
      error: "#FF6B6B"
    focus:
      ring: "#FFFFFF"
  radius:
    none: 0
    sm: 0
    md: 0
    lg: 0
    curve: 999
  border:
    width:
      hairline: 1
      dashed: 1
      strong: 2
    style:
      primary: "solid"
      secondary: "dashed"
  shadow:
    none: "none"
    grid: "inset 0 0 0 1px rgba(255,255,255,0.1)"
  layout:
    container:
      content: 1080
      wide: 1200
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 200
      normal: 500
    easing: "linear"
  typography:
    font:
      sans:
        primary: "Architects Daughter"
        fallback:
          - "cursive"
      mono:
        primary: "Courier New"
        fallback:
          - "monospace"
    scale:
      h1: { size: 48, line: 56, weight: 400, tracking: 0.02 }
      h2: { size: 36, line: 44, weight: 400, tracking: 0.01 }
      h3: { size: 24, line: 32, 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: [88, 112]
```