WebForge MCP Server

# S85 — Kids Playful
## Industry: SaaS

## Style DNA
- **Palette:** Primary colors (Red, Yellow, Blue), bright, high saturation.
- **Typography:** Nunito, Comic Neue, or rounded sans-serif.
- **Radius:** Large, exaggerated rounded corners (24px-32px).
- **Shadow:** Hard distinct shadows, non-blurred.
- **Border:** Thick black or colored outlines.
- **Patterns:** Doodles, squiggles, confetti.
- **Motion:** Bouncy, elastic, fun.

## Do's
- Use bright colors
- Big buttons
- Playful icons
- Simple language

## Don'ts
- Don't be serious
- Don't use small text
- Don't use sharp corners

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S85"
    style_name: "Kids Playful"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#FFF9C4"
      secondary: "#FFFDE7"
    text:
      primary: "#37474F"
      secondary: "#546E7A"
      muted: "#78909C"
    brand:
      primary: "#FF5252"
      accent: "#448AFF"
    border:
      strong: "#37474F"
      subtle: "rgba(55,71,79,0.3)"
    state:
      success: "#4CAF50"
      warning: "#FFC107"
      error: "#FF5252"
    focus:
      ring: "#448AFF"
  radius:
    none: 0
    sm: 16
    md: 24
    lg: 32
    full: 9999
  border:
    width:
      outline: 3
      medium: 4
      strong: 6
  shadow:
    hard: "4px 4px 0 rgba(0,0,0,0.2)"
    pop: "6px 6px 0 #37474F"
  layout:
    container:
      content: 1000
      wide: 1120
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 200
      normal: 400
    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
  typography:
    font:
      sans:
        primary: "Nunito"
        fallback:
          - "Comic Neue"
          - "sans-serif"
      display:
        primary: "Fredoka One"
        fallback:
          - "sans-serif"
    scale:
      h1: { size: 48, line: 60, weight: 800, tracking: 0 }
      h2: { size: 36, line: 48, weight: 700, tracking: 0 }
      h3: { size: 24, line: 34, weight: 700, tracking: 0 }
      body: { size: 18, line: 30, weight: 400, tracking: 0 }
      small: { size: 14, line: 22, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [48, 64]
      desktop: [80, 104]
```