01
02
Chartreuse press ink on night-edition broadsheet — three-line Spectral headline declares a Tibetan proverb at 5vw, three dense Albert Sans columns below carry the day's full report: work built, signals logged, this specific Wednesday documented before it becomes tomorrow.
Why
The Tibetan Proverb arrived already fully formed as a headline. No signal today was stronger — not the Tigers' 3–4 loss, not the Travelers Championship (no leaders yet), not the Hacker News top story. But the quote said something that only became louder the longer the signals were read: every other signal was about today. The Tigers played yesterday. The moon is at 76% — building. The sun gave 14.7 hours of light. Jerry's Map, the HN story scoring 481 points, is about a man who has added to a single map since 1963 — a daily practice of presence stretched across decades. And a portfolio site that rebuilds itself each morning is exactly the same kind of practice. "Who can say for sure that one will live to see tomorrow" is the anchor because it is the site's own operating premise: do the thing today because today is the day you have.
Broadsheet follows because the proverb is a headline, not a monument. A Poster would frame it in amber, give it a plinth, make it an artifact. The Broadsheet makes it the front page of today's edition — here is what is true this Wednesday, here are the projects built in the time we have, here are the signals of this specific 24-hour window. The inverted broadsheet — near-void ink background instead of newsprint white — is the experimental gesture the 8/10 risk weight demands. It inverts the expectation while keeping the structural logic of the newspaper completely intact: masthead, banner headline, three columns, rules between sections. The formal rigidity of broadsheet layout against an unexpected dark field is more arresting than a decorated poster.
Spectral is the chassis because it was literally built for exactly this register — "editorial, literary, considered" — and is the catalog's own recommendation for Broadsheet. Its transitional slab serif DNA (heavier bracketed serifs, slight inkiness in the strokes) reads as press type at headline scale without requiring all-caps to achieve authority. Sentence case in Spectral Bold at 5vw is a sophisticated editorial choice: it reads as a thoughtful newspaper headline, not a slogan. Chartreuse at H:72° fills the only open corridor in the color mandate (58°–85°) and earns its spot: it is the color of leaves in maximum summer light, the biological signal of things intensely alive, which is the honest chromatic answer to a proverb about being present while you can.
Visual specification
1. Color Specification
Primary hue: H:72° (chartreuse / yellow-green). This is the only open corridor in the mandate (58°–85°) and it earns its spot thematically: chartreuse is the color of maximum biological vitality — leaf at peak summer, the green of things intensely alive — which is the honest color of a proverb about not wasting today.
Neutral palette — ink (H:75°, very low saturation, tinted toward chartreuse):
#EEEFD9 — off-white with faint yellow-green breath#DADEC6#B8BD9A#959A72#727851#545935#3A3F21#252A13#161A0B#0C0E08 — page background: near-void, ink.900Accent color (chartreuse.300):
#F0FFB8#C8F000#8AAA00rgba(200, 240, 0, 0.15)Secondary accent: None. One dominant accent, committed at full saturation.
Backgrounds:
#0C0E08 (ink.900 — inverted broadsheet, night edition)#161A0B (ink.800)#161A0B (ink.800)#080A05 (slightly darker than page, creates the masthead bar)Text colors:
#EEEFD9 (ink.50 — off-white with yellow-green cast, reads as warm press paper under lamp)#B8BD9A (ink.200)#727851 (ink.400)#C8F000 (chartreuse.300 — electric, full saturation)2. Typography (chassis: spectral-albert)
Hero phrase rendering: The 13-word proverb breaks across three lines at display token size — clamp(44px, 5vw, 78px) — using Spectral Bold. Lowercase/sentence case preserved (not all-caps); the literary register of Spectral calls for natural case, not monument shouting. Line height: 0.95. The phrase reads as a banner headline in a literary broadsheet, not a propaganda poster. Color: chartreuse.300 (#C8F000).
Three-line break:
Who can say for sure
that one will live
to see tomorrow.
Trailing period preserved — this is not an ellipsis, it is a full stop.
Column headline type: Albert Sans Semibold, clamp(11px, 0.9vw, 14px), all-caps, letter-spacing 0.12em — newspaper column heads.
Body / column copy: Albert Sans Regular, clamp(13px, 0.95vw, 15px), line-height 1.55, letter-spacing 0em. Dense column text, readable at tight measure.
Masthead type: Albert Sans Bold, clamp(18px, 1.6vw, 26px), all-caps, letter-spacing 0.1em — newspaper nameplate.
Deck / attribution: Spectral Regular Italic, clamp(13px, 1vw, 16px) — "— Tibetan Proverb" set italic, muted color (ink.300 #959A72), follows the hero phrase.
Line heights:
0.951.01.551.2Letter spacings:
-0.01em (Spectral's natural tracking at display size)0.12em0.10em0em3. Layout Specification
Archetype: Broadsheet. The proverb is a headline — a daily report on what is true today. The Broadsheet makes the site into today's edition: the hero phrase as banner headline, columns below as the day's stories (work, biography, signals). Every daily build is one issue; this one will not be repeated. The density of newsprint against the inverted dark background creates the experimental gesture the brief demands.
CSS grid/flex structure:
MASTHEAD ROW: display: flex; justify-content: space-between; align-items: baseline; padding: 14px 5vw; background: #080A05; border-bottom: 2px solid #C8F000;
HEADLINE AREA: padding: 40px 5vw 28px; max-width: none; border-bottom: 1px solid #252A13;
COLUMN GRID: display: grid; grid-template-columns: 2.2fr 1fr 1fr; gap: 0; padding: 0 5vw; max-width: none;
Each column: padding: 24px 20px 32px; border-right: 1px solid #252A13; (last column: no right border)
FOOTER STRIP: display: flex; justify-content: space-between; padding: 12px 5vw; border-top: 2px solid #252A13;
Major dimensions:
~52px (fixed, slim)min-height: 22vhnone — full viewport, 5vw side padding only2.2fr1fr1frNav placement: Integrated into masthead bar. Left: "DOUG MARCH" nameplate. Center: thin · — "WED 24 JUNE 2026". Right: nav links in Albert Sans 12px allcaps — "Work · About · Contact" — spaced 20px apart.
Hero phrase grid zone: Headline area, full width (5vw padding each side, no column break). Spans 100% of the content width between padding. Three-line display block, vertically centered in a min-height: 22vh zone. Left-aligned (not centered — newspapers are left-aligned). Followed by 16px rule, then italic attribution in ink.300.
4. Component Character
Border radius: 0px everywhere. Broadsheets have no rounded corners. Cards, tags, and buttons are rectangular — the grid IS the border.
Border treatment: Thin 1px rules in ink.700 (#252A13) between columns, ink.600 (#3A3F21) for card separators within columns. The masthead/headline boundary: 2px solid #C8F000. Footer boundary: 2px solid #252A13. No box shadows — the grid is the structure.
Shadow: None. Depth comes from color and rule weight, not shadow.
Density: Compact. This is newsprint. Body text at 14–15px, column heads at 12–13px, all-caps. Spacing between column items: 16px. Between sections within a column: 24px.
Interactive states: Links in chartreuse.300 (#C8F000). Hover: chartreuse.100 (#F0FFB8) with transition: color 0.15s ease. Project cards: background transitions from #161A0B to #1E2410 on hover (slightly lighter ink). No scale transforms — this is a newspaper, not a product page.
5. Signal Integration
Masthead: Date displayed "WED 24 JUNE 2026" in Albert Sans, allcaps, ink.300 — newspaper dateline convention.
Column 3 — Today's Signals:
Quote display: The hero phrase IS the quote — it fills the headline zone. The attribution "— Tibetan Proverb" appears in Spectral Italic, ink.300, 14px, directly beneath the hero phrase, left-aligned. No separate blockquote element.
Column 1 — Work (3 projects):
Column 2 — Profile:
· prefix in chartreuse.600. No bullets — ink rules.Awwwards reference: The Himachal site's full-bleed mist photography and the Arkansas Museum renovation informs the broadsheet's formal editorial seriousness — dense, respectful of content, not decorative.
Self-check
clamp(44px, 5vw, 78px) for a 13-word, three-line headline in a full-width headline band renders cleanly at 1440×900 within a 22vh zone; columns fit comfortably below at standard newspaper density without overflow.Rationale
The Tibetan Proverb arrived already fully formed as a headline. No signal today was stronger — not the Tigers' 3–4 loss, not the Travelers Championship (no leaders yet), not the Hacker News top story. But the quote said something that only became louder the longer the signals were read: every other signal was about today. The Tigers played yesterday. The moon is at 76% — building. The sun gave 14.7 hours of light. Jerry's Map, the HN story scoring 481 points, is about a man who has added to a single map since 1963 — a daily practice of presence stretched across decades. And a portfolio site that rebuilds itself each morning is exactly the same kind of practice. "Who can say for sure that one will live to see tomorrow" is the anchor because it is the site's own operating premise: do the thing today because today is the day you have.
Broadsheet follows because the proverb is a headline, not a monument. A Poster would frame it in amber, give it a plinth, make it an artifact. The Broadsheet makes it the front page of today's edition — here is what is true this Wednesday, here are the projects built in the time we have, here are the signals of this specific 24-hour window. The inverted broadsheet — near-void ink background instead of newsprint white — is the experimental gesture the 8/10 risk weight demands. It inverts the expectation while keeping the structural logic of the newspaper completely intact: masthead, banner headline, three columns, rules between sections. The formal rigidity of broadsheet layout against an unexpected dark field is more arresting than a decorated poster.
Spectral is the chassis because it was literally built for exactly this register — "editorial, literary, considered" — and is the catalog's own recommendation for Broadsheet. Its transitional slab serif DNA (heavier bracketed serifs, slight inkiness in the strokes) reads as press type at headline scale without requiring all-caps to achieve authority. Sentence case in Spectral Bold at 5vw is a sophisticated editorial choice: it reads as a thoughtful newspaper headline, not a slogan. Chartreuse at H:72° fills the only open corridor in the color mandate (58°–85°) and earns its spot: it is the color of leaves in maximum summer light, the biological signal of things intensely alive, which is the honest chromatic answer to a proverb about being present while you can.
Signal integration
Masthead: Date displayed "WED 24 JUNE 2026" in Albert Sans, allcaps, ink.300 — newspaper dateline convention.
Column 3 — Today's Signals:
Quote display: The hero phrase IS the quote — it fills the headline zone. The attribution "— Tibetan Proverb" appears in Spectral Italic, ink.300, 14px, directly beneath the hero phrase, left-aligned. No separate blockquote element.
Column 1 — Work (3 projects):
Column 2 — Profile:
· prefix in chartreuse.600. No bullets — ink rules.Awwwards reference: The Himachal site's full-bleed mist photography and the Arkansas Museum renovation informs the broadsheet's formal editorial seriousness — dense, respectful of content, not decorative.
03
chartreuse
hsl(72 100% 47%)
Electric chartreuse — the exact color of summer light on a leaf at peak illumination — stamped onto near-void dark paper: a night-edition broadsheet that reads as both warning and celebration of this specific Wednesday.
04
Color — 2 ramps, 21 stops
chartreuse
ink
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06