01
02
Chartreuse-ink Broadsheet on near-void — Havel at editorial scale against a day of AI overconfidence and firmware backdoors, Spectral Italic in the left column, dispatches from the terminal in the right.
Why
The Havel quote arrived pre-formed — "Follow the man who seeks the truth; run from the man who has found it." is already a poster in 19 words. On a Wednesday in July 2026, when the top Hacker News stories are about an AI agent leaking private repos by being tricked into false certainty, and a firmware backdoor hidden in consumer hardware, the quote reads as annotation. The "man who has found it" is the AI agent convinced it has permission; it's the Tenda firmware developer who stopped questioning their own code. For this portfolio, which rebuilds itself from environmental uncertainty every morning rather than from a fixed template, the quote is also self-portrait: this site doesn't know what it is until the signals arrive.
Broadsheet was the only honest archetype. The quote's binary structure — two opposed imperatives divided by a semicolon — is architecturally two-column. A Broadsheet layout gives the left 55% of the canvas to the declaration in Spectral Italic at marquee editorial scale, and packs the right two columns with the day's evidence: GitLost and the Tenda backdoor in a "DISPATCHES" column, the Tigers' 6–2 win and the Scottish Open alongside Guided by Voices and Wet Leg in the "LAST NIGHT" column. The Broadsheet form turns the Havel quote into a newspaper front page, where the editorial is surrounded by the news that prompted it. Spectral's transitional slab-serif letterforms carry the literary gravitas this quote demands — it is not a blunt poster phrase, it is a considered warning from a playwright who survived the certainty of totalitarians.
Chartreuse at H:105° is simultaneously mandate-correct and thematically precise. The narrow open corridor (102°–128°) points toward yellow-green, and that hue has a specific cultural meaning: it is the color of a phosphor terminal in standby mode, the green the screen becomes when the system is waiting to be queried rather than issuing commands. Against neutral.900 (#0e1510 — a deep ink-black with a barely perceptible green cast), the lime.400 accent (#76e035) reads as emissive signal. The near-white primary text (#f2f4f0) achieves approximately 17:1 contrast on the background. The zero border-radius throughout gives the layout the no-nonsense quality of typeset newsprint — no softening of corners, no decorative radius. This is a page that takes the quote seriously.
Visual specification
1. Color Specification
2. Typography (spectral-albert chassis)
clamp(2rem, 3.6vw, 5.2rem), color: neutral.50. The quote occupies the full left column (60% of canvas width ≈ 864px at 1440px), breaking naturally into 4–5 lines with line-height: 1.1. The semicolon mid-phrase is structural; no editorial intervention on the line breaks — let Spectral's tall x-height carry the weight.0.875rem, all-small-caps via font-variant-caps: all-small-caps, letter-spacing: 0.12em, color: lime.400 (#76e035). Rendered as: — VÁCLAV HAVEL flush left under the quote block.0.75rem, uppercase, letter-spacing: 0.18em. Full-width rule above and below.0.75rem, uppercase, letter-spacing: 0.15em, color: neutral.300.1rem, line-height: 1.55.3. Layout Specification
display: grid;
grid-template-rows: 48px 1px auto 1px 64px; /* masthead | rule | content | rule | footer */
padding: 0;
display: grid;
grid-template-columns: 3fr 1fr 1fr; /* ~55% / ~22% / ~22% */
padding: 0 5vw;
column-gap: 4vw;
height: 48px, full-width, padding: 0 5vwmin-height: calc(100vh - 112px) (fills below masthead, above footer)padding-top: 64px, quote block margin-bottom: 32pxpadding-top: 40pxnone — viewport-relative padding only (padding: 0 5vw)width: 1px, background: neutral.7000.75rem, uppercase. Right side: nav links (Work, About, Contact) in Albert Sans, 0.75rem, letter-spacing: 0.1em. Center: date and day "WEDNESDAY — JULY 8, 2026" in Albert Sans Light, 0.75rem, uppercase.4. Component Character
radii.none). Newspaper zero-radius throughout.1px solid neutral.700 horizontal rules between masthead/content/footer. 1px solid neutral.700 vertical rules between columns (pseudo-elements or explicit div elements).font-size: 0.9rem for list items to pack more data. Column heads use tight uppercase tracking to read as section labels.transition: color 180ms ease). No underline in default state; underline on hover. Project entries: lime.400 left-border (3px) appears on hover.5. Signal Integration
font-variant-numeric: tabular-nums, author in neutral.400. "GitLost" leads; "Tenda backdoor" second; "ZFS NAS" third. The top two are editorially resonant with the Havel theme (false certainty, hidden vulnerabilities).0.75rem.0.8rem.Self-check
Rationale
The Havel quote arrived pre-formed — "Follow the man who seeks the truth; run from the man who has found it." is already a poster in 19 words. On a Wednesday in July 2026, when the top Hacker News stories are about an AI agent leaking private repos by being tricked into false certainty, and a firmware backdoor hidden in consumer hardware, the quote reads as annotation. The "man who has found it" is the AI agent convinced it has permission; it's the Tenda firmware developer who stopped questioning their own code. For this portfolio, which rebuilds itself from environmental uncertainty every morning rather than from a fixed template, the quote is also self-portrait: this site doesn't know what it is until the signals arrive.
Broadsheet was the only honest archetype. The quote's binary structure — two opposed imperatives divided by a semicolon — is architecturally two-column. A Broadsheet layout gives the left 55% of the canvas to the declaration in Spectral Italic at marquee editorial scale, and packs the right two columns with the day's evidence: GitLost and the Tenda backdoor in a "DISPATCHES" column, the Tigers' 6–2 win and the Scottish Open alongside Guided by Voices and Wet Leg in the "LAST NIGHT" column. The Broadsheet form turns the Havel quote into a newspaper front page, where the editorial is surrounded by the news that prompted it. Spectral's transitional slab-serif letterforms carry the literary gravitas this quote demands — it is not a blunt poster phrase, it is a considered warning from a playwright who survived the certainty of totalitarians.
Chartreuse at H:105° is simultaneously mandate-correct and thematically precise. The narrow open corridor (102°–128°) points toward yellow-green, and that hue has a specific cultural meaning: it is the color of a phosphor terminal in standby mode, the green the screen becomes when the system is waiting to be queried rather than issuing commands. Against neutral.900 (#0e1510 — a deep ink-black with a barely perceptible green cast), the lime.400 accent (#76e035) reads as emissive signal. The near-white primary text (#f2f4f0) achieves approximately 17:1 contrast on the background. The zero border-radius throughout gives the layout the no-nonsense quality of typeset newsprint — no softening of corners, no decorative radius. This is a page that takes the quote seriously.
Signal integration
font-variant-numeric: tabular-nums, author in neutral.400. "GitLost" leads; "Tenda backdoor" second; "ZFS NAS" third. The top two are editorially resonant with the Havel theme (false certainty, hidden vulnerabilities).0.75rem.0.8rem.03
chartreuse-ink
hsl(105 88% 42%)
Chartreuse at H:105° is the only open corridor in the mandate and the exact color of a terminal waiting for input — appropriate for a day when AI agents are leaking secrets and obfuscated code ships in clothing; the Havel quote rendered in near-cream on near-void asks whether the certainty-merchants ever looked at their screen this carefully.
04
Color — 2 ramps, 20 stops
lime
neutral
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06