WebForge MCP Server

# S11 — Japanese Minimal
## Industry: SaaS

## Style DNA
- **Palette:** Muted, natural colors. Lots of white space. Subtle accents.
- **Typography:** Clean, minimal fonts. Light weights. Generous spacing.
- **Radius:** Subtle (2-6px). Soft but not round.
- **Shadow:** Very subtle or none. Rely on space.
- **Border:** Minimal, delicate borders.
- **Patterns:** None or subtle textures. Washi paper.
- **Motion:** Slow, deliberate. Zen-like.

## Do's
- Embrace whitespace (ma)
- Use subtle, natural colors
- Create balance and harmony
- Use delicate typography

## Don'ts
- Don't overcrowd the design
- Don't use bold, loud colors
- Don't add unnecessary elements
- Don't break the zen

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S11"
    style_name: "Japanese Minimal"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#FAFAF8"
      secondary: "#F5F5F0"
    text:
      primary: "#2C2C2C"
      secondary: "#5C5C5C"
      muted: "#9C9C9C"
    brand:
      primary: "#8B7355"
      accent: "#C4A77D"
    border:
      strong: "#D4D4D0"
      subtle: "#ECECEA"
    state:
      success: "#2C2C2C"
      warning: "#C4A77D"
      error: "#8B7355"
    focus:
      ring: "#2C2C2C"
  radius:
    none: 0
    sm: 2
    md: 4
    lg: 6
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    none: none
    subtle: "0 1px 3px rgba(0,0,0,0.04)"
  layout:
    container:
      content: 1200
      wide: 1400
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 24
      desktop: 40
  motion:
    duration:
      fast: 300
      normal: 600
    easing: ease-out
  typography:
    font:
      sans:
        primary: "Noto Sans JP"
        fallback:
          - "Hiragino Sans"
          - "Yu Gothic"
          - "sans-serif"
      mono:
        primary: "JetBrains Mono"
        fallback:
          - "ui-monospace"
          - "SFMono-Regular"
    scale:
      h1: { size: 56, line: 64, weight: 300, tracking: -0.02 }
      h2: { size: 40, line: 48, weight: 300, tracking: -0.01 }
      h3: { size: 28, line: 36, weight: 300, tracking: -0.005 }
      body: { size: 16, line: 24, weight: 300, tracking: 0 }
      small: { size: 14, line: 20, weight: 300, tracking: 0 }
    measure:
      hero_max: "48ch"
      body_max: "72ch"
  spacing:
    base: 8
    section_py:
      mobile: [64, 80]
      desktop: [112, 128]
```