PRETTY WEB DESIGN

Typography & Layout Experiments
A collection of web design explorations focusing on beautiful typography, layout systems, and experimental interfaces.

TYPOGRAPHY DEMONSTRATIONS

Typewriter Love Letter
Sophisticated typewriter typography with authentic imperfections and romantic correspondence styling
Psycho-Serif
CCRU-inspired page with accelerationist theory and experimental serif typography
Super Serif
Large-scale serif typography demonstration with elegant hierarchy
Medieval Drop Cap
Classical illuminated manuscript styling with ornate initial capitals
Gotham Ink
Modern sans-serif typography using Gotham font family
Gotham Mobile Ink
Mobile-optimized version of Gotham typography demonstration
Swiss International Style
Clean, grid-based layout inspired by Swiss design principles

PUBLICATION LAYOUTS

Economist Style
Magazine-style layout inspired by The Economist's clean editorial design
Dark Economist
Dark mode version of the Economist-inspired layout
Gwern Style
Academic paper styling inspired by Gwern.net's typography
Hacker News Style
Minimalist discussion board layout with technical community aesthetics

ZINES & EXPERIMENTAL LAYOUTS

Systems Failure Survival Manual
Prepper manual zine with typewriter fonts, tactical styling, and Hitchhiker's Guide humor
Zine Engine Layout Reference
Comprehensive guide to image + text integration for zine design
Brutal Zine
Brutalist-inspired zine layout with bold typography and raw aesthetics
Brutalist
Experimental brutalist web design with stark, architectural elements
Brutal Ink
Minimalist brutalist typography with high contrast
Memetic Universe Zine
Digital zine featuring comic book layouts with Gotham typography and underground aesthetics
Bubble Letter Style
Playful bubble lettering showcase with glassmorphism effects and interactive animations
Gotham Unleashed
Bold typography demonstration showcasing all Gotham font weights with presidential campaign aesthetics
Michael Beirut Systematic Design
Grid-based modular design system inspired by Michael Beirut's systematic approach to graphic design
Bauhaus Movement
Interactive demonstration of Bauhaus design principles with animated geometric elements and primary colors
CCRU Psychoformica
Experimental layout exploring accelerationist theory with unconventional typography and digital aesthetics
Psychoformica
Alternative psychoformica design exploration with different typographic treatment
Emergency Preparedness Guide
Institutional brochure design demo inspired by Swedish civil defense publications - dual print/web format

INTERACTIVE EXPERIMENTS

MindLog Clinical Interface
Interactive neuroscience interface for thought extraction data - speculative fiction presented as clinical documentation
Timeline
Interactive timeline interface design
Atoms
Atomic design system demonstration

THEMATIC EXPLORATIONS

Memetic Universe
Design exploration of memetic concepts and viral culture
The Old Internet
Nostalgic recreation of early web design aesthetics
Dark Drudge
Dark mode interpretation of news aggregation layout
MA
Minimalist architecture-inspired layout

STYLE GUIDES

Fernando Style Guide
Comprehensive design system and typography guidelines
Fernando Writing Style
Editorial guidelines and writing style documentation
Page
Basic page template and layout foundation

Pretty Web Design - Typography & Layout Experiments
Exploring the intersection of beautiful type, thoughtful layout, and experimental interfaces