01
02
Bebas verdict in pompeian crimson on ink-void — EXCESSIVE KINDNESS / ELIMINATES RESPECT. with the terminal period struck in scarlet, three ruled catalog columns cataloging projects, timeline, and today's signals below the declaration.
Why
The Euripides quote offered two clauses. The first — "anger exceeding limits causes fear" — is a familiar warning, the kind of thing that appears on motivational calendars. The second — "excessive kindness eliminates respect" — is the harder, less comfortable truth, and it's the one worth posting at marquee scale on a portfolio site. Isolated and printed in cream on near-black, it functions simultaneously as personal standard, client message, and implicit explanation for why the work passes a bar. It is quotable without its first clause. It earns the space.
The Index archetype follows necessarily from the phrase. A catalog exists to demonstrate that standards were maintained across an entire body of work — not just once, in a single featured project, but in every numbered entry. When the monumental header declares "EXCESSIVE KINDNESS ELIMINATES RESPECT," the catalog beneath it is the evidence: here is the work produced under that standard, filed row by row, without editorial selection bias or showcase hierarchy. Every project gets the same typographic weight as every signal, every timeline entry, every capability — because the statement applies to all of it equally. Bebas Neue at condensed display scale is the only chassis that can carry Euripides at that register without tipping into irony; it's the typeface of posted notices and authority documents, not advertising copy.
The pompeian crimson palette (H:350°) was both mandated and inevitable. The color mandate's open window — 322° to 360° — is precisely the hue family of classical Roman authority: wax seals, senatorial robes, the color of things that have already decided they're correct. Against ink.900 (#0D0307), a near-black ground with the faintest rose undertone, the cream text achieves 17.8:1 contrast while the crimson.400 accent at #F54D6E reaches 6:1 — sufficient for body-text use, let alone the 13px attribution line. The single chromatic event in the hero phrase — the terminal period of "RESPECT." rendered in crimson.400 — is not decoration. It is the color of the judgment being passed, landing as a full stop in the one hue that costs something to look at.
Visual specification
1. Color Specification
#F5EEF0 — warm cream with a faint rose cast#E6D5DA#C4A5AE#9E7580#7A5260#5C3442#421A28#2C0E1A#1A060F#0D0307 — near-black with deep crimson undertone#FF7F97 (crimson.300)#F54D6E (crimson.400) — contrast vs bg: ~6:1 ✓#B01530 (crimson.600)#FFB0BC (crimson.200)#0D0307 (ink.900)#1A060F (ink.800)#0D0307 (ink.900)#F5EEF0 (ink.50) — contrast vs bg: 17.8:1 ✓#C4A5AE (ink.200) — contrast vs bg: ~7.2:1 ✓#7A5260 (ink.400) — contrast vs bg: ~3.1:1, used only for decorative metadata at 14px+ bold2. Typography (Bebas Neue display / IBM Plex Sans body)
display token — "EXCESSIVE KINDNESS" / "ELIMINATES RESPECT." at clamp(56px, 8.5vw, 122px), flush left, zero side margins (sits directly against the 6vw page inset). The "." terminal is rendered in a separate <span> colored crimson.400 (#F54D6E) — the only chromatic event in the H1. The full phrase is set in Bebas Neue at natural letter-spacing (0.02em) — Bebas' condensed rhythm already provides the pressure; no tracking adjustment needed.0.88 — the two lines stack tight, almost touching, which creates a monolith1.35 — dense but legible1.50.02em (Bebas Neue's inherent condensed rhythm)0.22em (widest) — IBM Plex Sans all-caps at 11px0.05em (wide)0emfont-weight: 500, letter-spacing 0.22em, color crimson.400, all-caps3. Layout Specification
Archetype: Index — dense catalog at full canvas. The portfolio IS a catalog; Euripides' statement about standards becomes the monumental header for the directory beneath it. Every entry carries equal weight. The page reads as a contents page, not a collection of hero moments.
CSS structure:
/* Outer page shell */
display: flex;
flex-direction: column;
min-height: 100vh;
padding: 0 6vw;
max-width: none;
/* Top bar (nav) */
display: flex;
justify-content: space-between;
align-items: center;
height: 48px;
border-bottom: 1px solid ink.700;
/* Hero zone */
padding-top: 48px;
padding-bottom: 32px;
/* Catalog grid */
display: grid;
grid-template-columns: 44fr 31fr 25fr;
gap: 0;
border-top: 1px solid crimson.700;
Major dimensions:
min-height: 28vh — enough for two lines of Bebas at 8.5vw + attribution + paddingmax-width: none; side padding 6vw left and rightpadding: 48px 0 32px 0 within the 6vw insetpadding: 10px 0 per entryink.700 dividers between the three columnsNav placement: Top bar, full width, height: 48px, border-bottom: 1px solid ink.700. Left: "DOUGLAS MARCH" in IBM Plex Sans 13px, letter-spacing 0.12em. Right: "WORK · ABOUT" in IBM Plex Sans 12px, letter-spacing 0.12em, color ink.300. This bar lives above the hero zone.
Hero phrase grid zone: Full width (both catalog columns spanning all three), rows 1–2. Lines break intentionally:
clamp(56px, 8.5vw, 122px), line-height 0.88Catalog structure (three columns, no outer padding between columns):
[01] FISHSTICKS .............. SAAS / 2025. Sequential number in ink.400 monospaced tabular, 12px. Project name in ink.50 IBM Plex Sans 14px. Dot leader in ink.600. Type/year in ink.300, 12px, tabular nums, letter-spacing 0.05em. Thin 0.5px ink.700 rule between each entry.ink.700 vertical rule between columns (no gap, ruled border)Capabilities band: Below the three-column catalog, full-width band with border-top: 1px solid ink.700. Dense horizontal flow of capability tokens in IBM Plex Sans 13px, ink.300, letter-spacing 0.05em, separated by · spacers.
4. Component Character
0px everywhere — the Index archetype is architectural and angular; rounded corners contradict the catalog registerink.800 card bg vs ink.900 page bg only where necessary5. Signal Integration
DETROIT TIGERS ........ 2–3 L — the loss gets no special color treatment; it's a filed fact, not a headline. Year: 2026. The spareness of catalog format makes a loss read as data, not disaster.AN AI MODEL DISPROVES ......... HN #1 — condensed to catalog form. This is the day's most significant signal (1,203 upvotes) and earns the top position in the TODAY column.3,800 REPOS BREACHED ......... SECURITYWAXING CRESCENT ........... DAY 5.4914.3H DAYLIGHT .............. SPRINGMEMORIAL DAY .............. T–4 DAYSGBV · MY MORNING JACKET ........ LISTENINGCJ CUP BYRON NELSON ......... SCHEDULED — no leaders yet, just the statusSelf-check
Rationale
The Euripides quote offered two clauses. The first — "anger exceeding limits causes fear" — is a familiar warning, the kind of thing that appears on motivational calendars. The second — "excessive kindness eliminates respect" — is the harder, less comfortable truth, and it's the one worth posting at marquee scale on a portfolio site. Isolated and printed in cream on near-black, it functions simultaneously as personal standard, client message, and implicit explanation for why the work passes a bar. It is quotable without its first clause. It earns the space.
The Index archetype follows necessarily from the phrase. A catalog exists to demonstrate that standards were maintained across an entire body of work — not just once, in a single featured project, but in every numbered entry. When the monumental header declares "EXCESSIVE KINDNESS ELIMINATES RESPECT," the catalog beneath it is the evidence: here is the work produced under that standard, filed row by row, without editorial selection bias or showcase hierarchy. Every project gets the same typographic weight as every signal, every timeline entry, every capability — because the statement applies to all of it equally. Bebas Neue at condensed display scale is the only chassis that can carry Euripides at that register without tipping into irony; it's the typeface of posted notices and authority documents, not advertising copy.
The pompeian crimson palette (H:350°) was both mandated and inevitable. The color mandate's open window — 322° to 360° — is precisely the hue family of classical Roman authority: wax seals, senatorial robes, the color of things that have already decided they're correct. Against ink.900 (#0D0307), a near-black ground with the faintest rose undertone, the cream text achieves 17.8:1 contrast while the crimson.400 accent at #F54D6E reaches 6:1 — sufficient for body-text use, let alone the 13px attribution line. The single chromatic event in the hero phrase — the terminal period of "RESPECT." rendered in crimson.400 — is not decoration. It is the color of the judgment being passed, landing as a full stop in the one hue that costs something to look at.
Signal integration
DETROIT TIGERS ........ 2–3 L — the loss gets no special color treatment; it's a filed fact, not a headline. Year: 2026. The spareness of catalog format makes a loss read as data, not disaster.AN AI MODEL DISPROVES ......... HN #1 — condensed to catalog form. This is the day's most significant signal (1,203 upvotes) and earns the top position in the TODAY column.3,800 REPOS BREACHED ......... SECURITYWAXING CRESCENT ........... DAY 5.4914.3H DAYLIGHT .............. SPRINGMEMORIAL DAY .............. T–4 DAYSGBV · MY MORNING JACKET ........ LISTENINGCJ CUP BYRON NELSON ......... SCHEDULED — no leaders yet, just the status03
pompeian crimson
hsl(350 82% 48%)
Pompeian crimson — the hue of wax seals, Roman authority, and classical theater — is the only color family the mandate leaves open (322°–360°), and it is the exact color Euripides' statement deserves: it does not ask permission.
04
Color — 2 ramps, 20 stops
crimson
ink
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06