WebForge MCP Server

# S15 — Neumorphism
## Industry: SaaS

## Style DNA
- **Palette:** Monochromatic. Soft, muted backgrounds. Subtle color shifts.
- **Typography:** Clean sans-serif. Subtle shadows on text.
- **Radius:** Large radius (12-20px). Soft, pillowy.
- **Shadow:** Dual shadows (light + dark). Embossed/debossed.
- **Border:** None. Rely on shadows for definition.
- **Patterns:** None. Pure form.
- **Motion:** Subtle press effects. Tactile feedback.

## Do's
- Use soft shadows for depth
- Create embossed/debossed effects
- Use monochromatic colors
- Keep it subtle

## Don'ts
- Don't use high contrast
- Don't use flat design
- Don't use too many colors
- Don't forget accessibility

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S15"
    style_name: "Neumorphism"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#E0E5EC"
      secondary: "#D1D9E6"
    text:
      primary: "#2D3748"
      secondary: "#4A5568"
      muted: "#718096"
    brand:
      primary: "#6366F1"
      accent: "#8B5CF6"
    border:
      strong: transparent
      subtle: transparent
    state:
      success: "#6366F1"
      warning: "#8B5CF6"
      error: "#2D3748"
    focus:
      ring: "#6366F1"
  radius:
    none: 0
    sm: 12
    md: 16
    lg: 24
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    raised: "6px 6px 12px #b8bec7, -6px -6px 12px #ffffff"
    inset: "inset 4px 4px 8px #b8bec7, inset -4px -4px 8px #ffffff"
    pressed: "inset 2px 2px 5px #b8bec7, inset -2px -2px 5px #ffffff"
  layout:
    container:
      content: 1080
      wide: 1200
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 100
      normal: 200
    easing: ease-in-out
  typography:
    font:
      sans:
        primary: "Quicksand"
        fallback:
          - "Nunito"
          - "system-ui"
          - "sans-serif"
      mono:
        primary: "JetBrains Mono"
        fallback:
          - "ui-monospace"
          - "SFMono-Regular"
    scale:
      h1: { size: 56, line: 64, weight: 600, tracking: -0.02 }
      h2: { size: 40, line: 48, weight: 600, tracking: -0.01 }
      h3: { size: 28, line: 36, weight: 600, tracking: -0.005 }
      body: { size: 16, line: 24, weight: 450, tracking: 0 }
      small: { size: 14, line: 20, weight: 450, tracking: 0 }
    measure:
      hero_max: "48ch"
      body_max: "72ch"
  spacing:
    base: 8
    section_py:
      mobile: [64, 80]
      desktop: [112, 128]
```