Neo-Brutalist Web System

---
name: Neo-Brutalist Web
colors:
  background: '#fffdf7'
  surface: '#ffffff'
  primary: '#ff5e00'
  secondary: '#0055ff'
  accent: '#ffe600'
  text-primary: '#111111'
  border: '#111111'
  shadow: '#111111'
typography:
  heading:
    fontFamily: Bebas Neue
    fontSize: 48px
    fontWeight: '700'
    letterSpacing: '-0.02em'
  body:
    fontFamily: Space Mono
    fontSize: 16px
    lineHeight: '1.5'
  label:
    fontFamily: Bebas Neue
    fontSize: 14px
    letterSpacing: '0.1em'
rounded:
  DEFAULT: 0px
spacing:
  base: 8px
---

## Overview

Loud, unapologetic, raw. Heavy black borders (3px–4px), hard
drop-shadows (4px offset, no blur), and clashing primaries
(orange, blue, yellow). Zero border-radius. Typography is
Bebas Neue for headlines (tight, condensed) and Space Mono
for body (monospace, mechanical).

## Colors

- Background: off-white newsprint (#fffdf7)
- Primary: safety orange (#ff5e00) for CTAs
- Secondary: electric blue (#0055ff) for links
- Accent: signal yellow (#ffe600) for highlights
- Borders: always solid black, never gray

## Typography

Bebas Neue for all headings — condensed, uppercase-capable,
maximum impact. Space Mono for body — a mechanical, typewriter
feel that reinforces the raw aesthetic.

## Components

- Button: solid fill, 3px black border, 4px hard shadow offset
- Card: white surface, 3px black border, 4px shadow
- Badge: filled primary with white text, sharp corners
- Input: white well, 3px black border, thick focus outline
- Tag: yellow accent fill, black text, sharp