WebForge MCP Server

# S34 — Holographic
## Industry: SaaS

## Style DNA
- **Palette:** Iridescent, pastel gradients (pink, cyan, purple), silver/white accents.
- **Typography:** Thin, modern sans-serif. Often white or holographic color.
- **Radius:** Rounded, bubble-like.
- **Shadow:** Soft colored glows, pearl effects.
- **Border:** Thin, glowing, or gradient borders.
- **Patterns:** Holographic foil textures, rainbows.
- **Motion:** Shimmering, tilting (parallax), floating.

## Do's
- Use rainbow gradients
- Use soft blurs
- Simulate foil texture
- Keep it ethereal

## Don'ts
- Don't use muddy colors
- Don't use harsh blacks
- Don't make it opaque
- Don't be boring

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S34"
    style_name: "Holographic"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#F0F0F0"
      secondary: "#FFFFFF"
    text:
      primary: "#333333"
      secondary: "#666666"
      muted: "#999999"
    brand:
      primary: "#E0C3FC"
      accent: "#8EC5FC"
    gradient:
      holo: "linear-gradient(135deg, #FF9A9E 0%, #FECFEF 20%, #E0C3FC 40%, #A6C1EE 60%, #BFE9FF 80%, #C2E9FB 100%)"
    border:
      strong: "#E0C3FC"
      subtle: "rgba(224,195,252,0.4)"
    state:
      success: "#A5D6A7"
      warning: "#FFCC80"
      error: "#EF9A9A"
    focus:
      ring: "#8EC5FC"
  radius:
    none: 0
    sm: 12
    md: 20
    lg: 28
    full: 9999
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    holo: "0 10px 20px rgba(255, 105, 180, 0.2), 0 6px 6px rgba(0, 255, 255, 0.1)"
    glow: "0 0 30px rgba(224, 195, 252, 0.5)"
  layout:
    container:
      content: 1080
      wide: 1200
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 300
      normal: 600
    easing: "ease-out"
  typography:
    font:
      sans:
        primary: "Montserrat"
        fallback:
          - "Lato"
          - "sans-serif"
      display:
        primary: "Quicksand"
        fallback:
          - "sans-serif"
    scale:
      h1: { size: 52, line: 62, weight: 300, tracking: 0.01 }
      h2: { size: 40, line: 50, weight: 300, tracking: 0 }
      h3: { size: 28, line: 36, weight: 400, tracking: 0 }
      body: { size: 16, line: 26, weight: 300, tracking: 0 }
      small: { size: 14, line: 22, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [64, 80]
      desktop: [112, 144]
```