Techniques
Raw HTML Link Wall
A dense, undecorated list of hyperlinks in browser-default blue with underlines — the fundamental navigation pattern of the early web, reclaimed as an aesthetic choice.
.link-wall {
font-family: 'EB Garamond', 'Times New Roman', serif;
font-size: 1.125rem;
line-height: 1.8;
max-width: 640px;
}
.link-wall a {
color: #0000ee;
text-decoration: underline;
}
.link-wall a:visited {
color: #551a8b;
}
.link-wall a:hover {
color: #ff00ff;
}
Black-Border Content Block
A content container that uses only a solid black border for separation — no shadow, no background, no radius. The border weight communicates hierarchy.
.content-block {
border: 2px solid #000000;
padding: 24px;
margin: 32px 0;
background: #ffffff;
border-radius: 0;
box-shadow: none;
}
.content-block--heavy {
border-width: 4px;
}
.content-block--ruled {
border: none;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
padding: 24px 0;
}
Monospace Code Aesthetic
Passages set in monospace to evoke terminal output or source code — used for emphasis where other systems might use bold or color, reinforcing the "view source" ethos.
.mono-emphasis {
font-family: 'Cutive Mono', 'Courier New', monospace;
font-size: 0.875rem;
line-height: 1.6;
letter-spacing: 0.02em;
background: #f5f5f5;
border: 1px solid #000000;
padding: 16px;
border-radius: 0;
overflow-x: auto;
white-space: pre-wrap;
}