Monorepo for Aesthetic.Computer
aesthetic.computer
lacma-2026 page: switch body prose to sans-serif
The are.na-annual styling uses Berkeley Mono everywhere, which gives
pitch prose a terminal-dump texture that's hard to read at length. Swap
the body font to a system sans stack (Inter → BlinkMac → Helvetica Neue
→ sans-serif) and bump the base size 13 → 15px. Keep Berkeley Mono for
elements where the "data / terminal" texture is the point: metadata
definition list, eyebrow, stat labels, section counts, status lines,
inline code, footer.
Headings (YWFT Processing), stat numbers, and drop caps are unchanged —
they already set their own display font and stay proportional.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
+10
-3
+10
-3
system/public/lacma-2026/index.html
+10
-3
system/public/lacma-2026/index.html
···
55
55
56
56
html, body { background: var(--bg); color: var(--text); }
57
57
body {
58
-
font-family: 'Berkeley Mono Variable', 'Menlo', monospace;
59
-
font-size: 13px;
60
-
line-height: 1.55;
58
+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
59
+
font-size: 15px;
60
+
line-height: 1.58;
61
61
-webkit-text-size-adjust: none;
62
62
padding: 1.4em 1.6em 4em;
63
63
min-height: 100vh;
64
64
}
65
65
@media (min-width: 900px) { body { padding: 1.8em 2.2em 5em; } }
66
+
67
+
/* Monospace is still used for metadata, code, labels — anywhere we want
68
+
a "terminal / data" texture. Prose stays proportional for readability. */
69
+
.mono, code, .eyebrow, .meta, .stat .l, .count, .section-break,
70
+
.channel-status, .stats-status, footer {
71
+
font-family: 'Berkeley Mono Variable', 'Menlo', ui-monospace, SFMono-Regular, monospace;
72
+
}
66
73
67
74
a { color: var(--cyan); text-decoration: none; }
68
75
a:hover { color: var(--pink); }