01
02
Acid chartreuse on void-dark newsprint — "Google ships the malware." in Spectral slab at headline scale, the broadsheet packed with column rules and incident briefs, one double-weight chartreuse rule the only decoration between the accusation and the work beneath.
Why
The hero phrase arrived as found text, not composed: F-Droid's advisory about Android malware sourced from Google landed at 638 HN points — nearly double the next story — and the only edit required was compression. "Google ships the malware." is five words, a period, and a complete thought that works simultaneously as accusation, wry observation, and invitation. For a portfolio built by someone who ships software, it reads with an extra layer of quiet self-implication.
The Broadsheet archetype followed directly from the phrase's register. This is a newspaper headline: a finding with public consequence, delivered flat, expecting the reader to complete the implications. Broadsheet's multi-column density, masthead structure, and column-divider rule system create a genuine incident-report aesthetic rather than a brand gesture. Spectral, the only chassis in the catalog explicitly tagged for Broadsheet, is a transitional slab-serif typeface with journalistic authority — it gives the headline weight without the athletic bluster of Anton or Big Shoulders. At clamp(3.5rem, 6vw, 7.5rem), the five-word phrase renders as a single commanding line across the full-width hero zone.
The color mandate resolved to 52°–87° — the sole open corridor after six consecutive builds. H:72° (acid chartreuse) is not a neutral compliance choice: chartreuse is the exact hue of hazard tape, biohazard markers, and terminal-printout warnings. On a near-void dark background (#0A0B06), the headline in #C2D400 achieves approximately 11.9:1 contrast — the green appears to emit, not reflect, which is precisely the alarm-state the story demands. The void-moss neutrals carry a whisper of chartreuse chroma through every surface, binding the incident-paper aesthetic without competing with the single dominant accent.
Visual specification
1. Color Specification
#F4F4EC#E8E9DB#D0D1C4#A8A99D#7A7B71#585950#3E3F37#2A2B23#1A1B13#0A0B06#CCDB10 / default: #C2D400 / dark: #A4B300 / glow: 0 0 18px rgba(194, 212, 0, 0.35)#0A0B06 (neutral.900), card bg #1A1B13 (neutral.800), column divider surface #0F0F0A#F4F4EC, secondary #A8A99D, muted #7A7B712. Typography
display token), clamp(3.5rem, 6vw, 7.5rem), weight 700, color #C2D400 (accent). Rendered as a single unbroken line spanning the full printable width of the hero zone (columns 1–12, inside 4vw side padding). Overline above it: INCIDENT — HN #1 — 638 PTS in Albert Sans, 11px, letter-spacing 0.12em, all-caps, color neutral.400.clamp(1.1rem, 2vw, 1.5rem), weight 600, color neutral.50; eyebrow in Albert Sans caps at 10px above each column heading.-0.02em, subheads -0.01em, body 0em, all-caps labels 0.1em, overline 0.12em.3. Layout Specification
max-width: none; padding: 0 4vw;.masthead: display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0; border-bottom: 1px solid #2A2B23;.hero-zone: padding: 40px 0 28px; border-bottom: 2px solid #C2D400;.content-grid: display: grid; grid-template-columns: 2fr 1.5fr 1fr; border-top: none;padding: 28px 20px; border-right: 1px solid #2A2B23; (last child no right border)display: flex; justify-content: space-between; padding: 16px 0; border-top: 1px solid #2A2B23; font-size: 11px;clamp(3.5rem, 6vw, 7.5rem) + overline + byline ≈ 130–170pxmin-height: 55vh4vw (never exceeds 64px on very wide viewports via min(4vw, 64px))none0 (borders serve as visual dividers).hero-zone, below masthead. The overline sits 12px above the headline. Below the headline: a dateline — THURSDAY 02 JULY 2026 — DOUG MARCH in Albert Sans 11px, neutral.500, letter-spacing 0.08em.4. Component Character
0 for all columns, dividers, masthead; 2px for score badges and tags1px solid #2A2B23 (neutral.700) for all column dividers and masthead rule; 2px solid #C2D400 (accent) for the rule immediately beneath the hero headline — the single moment chartreuse bleeds into structure5. Signal Integration
DET 6 · 2 in Spectral Display at 1.6rem, chartreuse, inside a ruled box in column 3; label above: MLB · 01 JUL in Albert Sans capsT–2: INDEPENDENCE DAY in Albert Sans 10px, letter-spacing 0.12em, chartreuse, replaces the date in the masthead's right clusterWANING GIBBOUS · 89% in 11px Albert Sans caps, neutral.400WET LEG · MY MORNING JACKET in 11px, neutral.500JOHN DEERE CLASSIC · SCHEDULED in column 3 at 12px Albert Sans, neutral.400Self-check
Rationale
The hero phrase arrived as found text, not composed: F-Droid's advisory about Android malware sourced from Google landed at 638 HN points — nearly double the next story — and the only edit required was compression. "Google ships the malware." is five words, a period, and a complete thought that works simultaneously as accusation, wry observation, and invitation. For a portfolio built by someone who ships software, it reads with an extra layer of quiet self-implication.
The Broadsheet archetype followed directly from the phrase's register. This is a newspaper headline: a finding with public consequence, delivered flat, expecting the reader to complete the implications. Broadsheet's multi-column density, masthead structure, and column-divider rule system create a genuine incident-report aesthetic rather than a brand gesture. Spectral, the only chassis in the catalog explicitly tagged for Broadsheet, is a transitional slab-serif typeface with journalistic authority — it gives the headline weight without the athletic bluster of Anton or Big Shoulders. At clamp(3.5rem, 6vw, 7.5rem), the five-word phrase renders as a single commanding line across the full-width hero zone.
The color mandate resolved to 52°–87° — the sole open corridor after six consecutive builds. H:72° (acid chartreuse) is not a neutral compliance choice: chartreuse is the exact hue of hazard tape, biohazard markers, and terminal-printout warnings. On a near-void dark background (#0A0B06), the headline in #C2D400 achieves approximately 11.9:1 contrast — the green appears to emit, not reflect, which is precisely the alarm-state the story demands. The void-moss neutrals carry a whisper of chartreuse chroma through every surface, binding the incident-paper aesthetic without competing with the single dominant accent.
Signal integration
DET 6 · 2 in Spectral Display at 1.6rem, chartreuse, inside a ruled box in column 3; label above: MLB · 01 JUL in Albert Sans capsT–2: INDEPENDENCE DAY in Albert Sans 10px, letter-spacing 0.12em, chartreuse, replaces the date in the masthead's right clusterWANING GIBBOUS · 89% in 11px Albert Sans caps, neutral.400WET LEG · MY MORNING JACKET in 11px, neutral.500JOHN DEERE CLASSIC · SCHEDULED in column 3 at 12px Albert Sans, neutral.40003
acid chartreuse
hsl(72 100% 41%)
Acid chartreuse on near-void dark is the color of a terminal printing a warning it was never supposed to print — the exact register of Google shipping the malware.
04
Color — 2 ramps, 20 stops
lime
neutral
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06