WebForge MCP Server

# S05 — Brutalist
## Industry: SaaS

## Style DNA
- **Palette:** Raw, unrefined colors. High contrast. Often monochrome.
- **Typography:** System fonts, monospace, or intentionally ugly fonts. Large sizes.
- **Radius:** Zero. No rounding.
- **Shadow:** None or harsh, offset shadows.
- **Border:** Thick, visible borders. Raw HTML aesthetic.
- **Patterns:** None or intentionally crude patterns.
- **Motion:** Abrupt or none. Intentionally jarring.

## Do's
- Use raw, unpolished aesthetics
- Embrace bold typography
- Use high contrast
- Be intentionally unconventional

## Don'ts
- Don't over-polish the design
- Don't use subtle effects
- Don't follow conventional layouts
- Don't use soft colors

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S05"
    style_name: "Brutalist"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#FFFFFF"
      secondary: "#EEEEEE"
    text:
      primary: "#000000"
      secondary: "#000000"
      muted: "#555555"
    brand:
      primary: "#0000FF"
      accent: "#FF0000"
    border:
      strong: "#000000"
      subtle: "#000000"
    state:
      success: "#0000FF"
      warning: "#000000"
      error: "#FF0000"
    focus:
      ring: "#000000"
  radius:
    none: 0
    sm: 0
    md: 0
  shadow:
    none: none
    harsh: "8px 8px 0 #000000"
  layout:
    container:
      content: 960
      wide: 1200
    grid:
      desktop: 12
      tablet: 6
      mobile: 1
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 0
      normal: 0
    easing: step-end
  border:
    width:
      thin: 2
      medium: 4
      thick: 6
  typography:
    font:
      sans:
        primary: "Courier New"
        fallback:
          - "Courier"
          - "monospace"
      mono:
        primary: "Courier New"
        fallback:
          - "Courier"
          - "monospace"
    scale:
      h1: { size: 56, line: 64, weight: 800, tracking: -0.02 }
      h2: { size: 40, line: 48, weight: 800, tracking: -0.01 }
      h3: { size: 28, line: 36, weight: 800, 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]
```