WebForge MCP Server

# S80 — Startup Vibrant
## Industry: SaaS

## Style DNA
- **Palette:** Blurple, cyan, gradients, high energy.
- **Typography:** Plus Jakarta Sans or modern geometric sans.
- **Radius:** Full rounded pills (999px).
- **Shadow:** Soft colored shadows, elevation.
- **Border:** None or gradient borders.
- **Patterns:** Mesh gradients, floating elements.
- **Motion:** Bouncy, smooth, playful.

## Do's
- Use gradients
- Rounded buttons
- Energetic
- Modern

## Don'ts
- Don't be dull
- Don't be square
- Don't use serif

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S80"
    style_name: "Startup Vibrant"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#FFFFFF"
      secondary: "#F9FAFB"
    text:
      primary: "#1F2937"
      secondary: "#4B5563"
      muted: "#9CA3AF"
    brand:
      primary: "#635BFF"
      accent: "#00D4FF"
    border:
      strong: "#E5E7EB"
      subtle: "#F3F4F6"
    state:
      success: "#10B981"
      warning: "#F59E0B"
      error: "#EF4444"
    focus:
      ring: "#635BFF"
  radius:
    none: 0
    sm: 8
    md: 16
    lg: 24
    full: 9999
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    sm: "0 2px 8px rgba(99,91,255,0.1)"
    md: "0 8px 24px rgba(99,91,255,0.15)"
    glow: "0 0 40px rgba(0,212,255,0.2)"
  layout:
    container:
      content: 1200
      wide: 1400
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 32
  motion:
    duration:
      fast: 200
      normal: 400
    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
  typography:
    font:
      sans:
        primary: "Plus Jakarta Sans"
        fallback:
          - "Inter"
          - "sans-serif"
      mono:
        primary: "JetBrains Mono"
        fallback:
          - "monospace"
    scale:
      h1: { size: 56, line: 64, weight: 700, tracking: -0.02 }
      h2: { size: 42, line: 50, weight: 600, tracking: -0.01 }
      h3: { size: 28, line: 36, weight: 600, tracking: 0 }
      body: { size: 16, line: 26, weight: 400, tracking: 0 }
      small: { size: 14, line: 20, weight: 500, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [64, 80]
      desktop: [112, 144]
```