WebForge MCP Server

# S43 — Low Poly
## Industry: SaaS

## Style DNA
- **Palette:** Vibrant polygons with computed lighting (facets). Bright saturated colors.
- **Typography:** Geometric Sans (low detail, clean shapes).
- **Radius:** Sharp, angular edges.
- **Shadow:** Hard faceted shadows (no blurs).
- **Border:** None (edges defined by color change).
- **Patterns:** Triangular meshes, crystalline structures.
- **Motion:** Snappy rotations, faceted transitions.

## Do's
- Use triangles
- Use flat shading
- Keep it geometric
- Simulate 3D

## Don'ts
- Don't use gradients
- Don't use curves
- Don't use realistic textures
- Don't clutter

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S43"
    style_name: "Low Poly"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#2C3E50"
      secondary: "#34495E"
    text:
      primary: "#FFFFFF"
      secondary: "#BDC3C7"
      muted: "#7F8C8D"
    brand:
      primary: "#9B59B6"
      accent: "#3498DB"
    accent:
      purple: "#9B59B6"
      blue: "#3498DB"
      green: "#2ECC71"
    border:
      strong: "#7F8C8D"
      subtle: "rgba(127,140,141,0.3)"
    state:
      success: "#2ECC71"
      warning: "#F39C12"
      error: "#E74C3C"
    focus:
      ring: "#9B59B6"
  radius:
    none: 0
    sm: 0
    md: 0
    lg: 0
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    facet: "inset 0 0 20px rgba(0,0,0,0.2)"
    polygon: "8px 8px 0 rgba(0,0,0,0.3)"
  layout:
    container:
      content: 1120
      wide: 1280
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 150
      normal: 300
    easing: "cubic-bezier(0.4, 0, 0.2, 1)"
  typography:
    font:
      sans:
        primary: "Exo 2"
        fallback:
          - "Montserrat"
          - "sans-serif"
      display:
        primary: "Orbitron"
        fallback:
          - "sans-serif"
    scale:
      h1: { size: 52, line: 60, weight: 700, tracking: 0.01 }
      h2: { size: 40, line: 48, weight: 600, tracking: 0 }
      h3: { size: 28, line: 36, weight: 600, tracking: 0 }
      body: { size: 16, line: 26, weight: 400, tracking: 0 }
      small: { size: 14, line: 22, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [56, 72]
      desktop: [96, 120]
```