WebForge MCP Server

# S16 — Terminal / Hacker
## Industry: SaaS

## Style DNA
- **Palette:** Green/amber on black. Monochrome terminal colors.
- **Typography:** Monospace only. Fixed-width. Courier, Fira Code.
- **Radius:** Zero. Sharp terminal aesthetic.
- **Shadow:** None or subtle glow.
- **Border:** ASCII borders. Box-drawing characters.
- **Patterns:** Scanlines, CRT effects, matrix rain.
- **Motion:** Typing effects. Cursor blinks. Instant.

## Do's
- Use monospace typography
- Use green/amber on black
- Add terminal-like elements
- Create a tech atmosphere

## Don'ts
- Don't use colorful palettes
- Don't use rounded corners
- Don't use images heavily
- Don't break the terminal aesthetic

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S16"
    style_name: "Terminal / Hacker"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#0D0D0D"
      secondary: "#1A1A1A"
    text:
      primary: "#00FF00"
      secondary: "#00CC00"
      muted: "#008800"
    brand:
      primary: "#00FF00"
      accent: "#FFAA00"
    border:
      strong: "#00FF00"
      subtle: "#004400"
    state:
      success: "#00FF00"
      warning: "#FFAA00"
      error: "#00CC00"
    focus:
      ring: "#00FF00"
  radius:
    none: 0
    sm: 0
    md: 0
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    none: none
    glow: "0 0 10px #00FF00"
  layout:
    container:
      content: 1024
      wide: 1200
    grid:
      desktop: 1
      tablet: 1
      mobile: 1
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 0
      normal: 50
    easing: step-end
  font:
    mono: "'Fira Code', 'Courier New', monospace"
  typography:
    font:
      sans:
        primary: "Inter"
        fallback:
          - "system-ui"
          - "-apple-system"
          - "Segoe UI"
          - "Roboto"
      mono:
        primary: "Fira Code"
        fallback:
          - "Courier New"
          - "monospace"
    scale:
      h1: { size: 56, line: 64, weight: 600, tracking: -0.02 }
      h2: { size: 40, line: 48, weight: 600, tracking: -0.01 }
      h3: { size: 28, line: 36, weight: 600, tracking: -0.005 }
      body: { size: 16, line: 24, weight: 450, tracking: 0 }
      small: { size: 14, line: 20, weight: 450, tracking: 0 }
    measure:
      hero_max: "48ch"
      body_max: "72ch"
  spacing:
    base: 8
    section_py:
      mobile: [64, 80]
      desktop: [112, 128]
```