web-prototype-taste-brutalist

What problem does it solve?

Translate editorial print aesthetics into a brutalist web prototype that remains legible and consistent.

Core Features & Use Cases

• Substrate-based design language: unbleached newsprint tones and a strict color palette to anchor the UI.
• Typography system: heavy display typography with uppercase monospace micro type for navigation and data, ASCII ornamentation for section breaks, and a single accent color.
• Grid and layout: a strict 1px CSS grid with zero border radii to enforce a rigid, newspaper-like structure.
• Use Case: create landing pages, portfolios, or editorial sites requiring a print-inspired aesthetic while maintaining readability across breakpoints.

Quick Start

Create a web prototype using the Swiss brutalist rules described here, applying the top register strip, viewport-bleeding numerals, and hairline grid dividers.