WebForge MCP Server

# S83 — Health Medical
## Industry: SaaS

## Style DNA
- **Palette:** Teal, white, soft grey, sterile.
- **Typography:** Lato or humanist sans.
- **Radius:** Soft approachable radius (16px).
- **Shadow:** Very soft diffuse shadows.
- **Border:** None or very subtle.
- **Patterns:** Clean waves, circles.
- **Motion:** Gentle, reassuring.

## Do's
- Look clean
- Use teal/cyan
- Comforting
- Professional

## Don'ts
- Don't be dark
- Don't be sharp
- Don't look dirty

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S83"
    style_name: "Health Medical"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#F5FCFB"
      secondary: "#FFFFFF"
    text:
      primary: "#1A3A3A"
      secondary: "#4A6A6A"
      muted: "#7A9A9A"
    brand:
      primary: "#00BFA5"
      accent: "#26C6DA"
    border:
      strong: "#B2DFDB"
      subtle: "#E0F2F1"
    state:
      success: "#00BFA5"
      warning: "#FFB74D"
      error: "#EF5350"
    focus:
      ring: "#00BFA5"
  radius:
    none: 0
    sm: 8
    md: 16
    lg: 24
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    sm: "0 2px 8px rgba(0,191,165,0.08)"
    md: "0 4px 16px rgba(0,191,165,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: 400
    easing: "ease-in-out"
  typography:
    font:
      sans:
        primary: "Lato"
        fallback:
          - "Open Sans"
          - "sans-serif"
      mono:
        primary: "Source Code Pro"
        fallback:
          - "monospace"
    scale:
      h1: { size: 48, line: 60, weight: 700, tracking: -0.01 }
      h2: { size: 36, line: 46, weight: 600, tracking: 0 }
      h3: { size: 24, line: 34, weight: 600, tracking: 0 }
      body: { size: 16, line: 28, weight: 400, tracking: 0 }
      small: { size: 14, line: 22, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [56, 72]
      desktop: [88, 112]
```