WebForge MCP Server

# S42 — Ticket Stub
## Industry: SaaS

## Style DNA
- **Palette:** Faded paper colors (yellows, pinks, blues), Black ink. Grunge textures.
- **Typography:** Monospace (typewriter), Dot matrix.
- **Radius:** Perforated edges, torn corners.
- **Shadow:** Flat, close to surface.
- **Border:** Dotted lines (tear lines), barcode strips.
- **Patterns:** Barcode, QR code, noise, ink stamps.
- **Motion:** Tearing, printing, sliding out.

## Do's
- Use perforated lines
- Use monospace fonts
- Simulate ink bleed
- Keep it functional

## Don'ts
- Don't use gradients
- Don't use variable width fonts
- Don't clean it up too much
- Don't use rounded buttons

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S42"
    style_name: "Ticket Stub"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#FFF8E1"
      secondary: "#FFE0B2"
    text:
      primary: "#263238"
      secondary: "#455A64"
      muted: "#78909C"
      warning: "#D84315"
    brand:
      primary: "#263238"
      accent: "#D84315"
    border:
      strong: "#90A4AE"
      subtle: "#B0BEC5"
      perforation: "#B0BEC5"
    state:
      success: "#388E3C"
      warning: "#F57C00"
      error: "#D84315"
    focus:
      ring: "#263238"
  radius:
    none: 0
    sm: 4
    md: 6
    lg: 8
    stub: 6
  border:
    width:
      hairline: 1
      perforated: 2
      strong: 3
    style:
      perforation: "2px dashed #B0BEC5"
  shadow:
    flat: "0 1px 2px rgba(0,0,0,0.1)"
    stub: "0 2px 4px rgba(0,0,0,0.15)"
  layout:
    container:
      content: 1000
      wide: 1120
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 150
      normal: 300
    easing: "linear"
  typography:
    font:
      mono:
        primary: "Courier Prime"
        fallback:
          - "Space Mono"
          - "monospace"
      display:
        primary: "Special Elite"
        fallback:
          - "Courier"
          - "monospace"
    scale:
      h1: { size: 36, line: 44, weight: 400, tracking: 0.02 }
      h2: { size: 28, line: 36, weight: 400, tracking: 0.01 }
      h3: { size: 20, line: 28, weight: 400, tracking: 0 }
      body: { size: 14, line: 22, weight: 400, tracking: 0.01 }
      small: { size: 12, line: 18, weight: 400, tracking: 0.02 }
  spacing:
    base: 8
    section_py:
      mobile: [48, 64]
      desktop: [72, 96]
```