← The archive

Monday, September 28, 2026

01

The day arrived

Air qualityAir good, UV 0
AwwwardsSite of the day: The Soviet Flip, and 2 more
ReadingNothing that day.
DayMonday
GitHubTrending: debpalash/VoiceStudio/stargazers, paperclipai/paperclip/stargazers, and 3 more
GolfPresidents Cup, final — Unranked competitor #1 leading at 17
Hacker NewsTop story: “Parley: Federated, decentralised chat that speaks plain IRC” at 5 points, of 5
HolidaysNothing that day.
Moonwaning gibbous, 93% lit
MarketSPY at 771.35, +0.5435%
MusicFrom the standing rotation: Tobin Sprout and My Morning Jacket
News“Ford’s Latest Employee of the Month is a Hawk Named ‘El Charro’ - WSJ” — The Wall Street Journal, of 5
Quote“A leader is one who knows the way, goes the way, and shows the way.” — Unknown
Seasonfall, September — day 271 of the year
Sidebar5 links
SportsDetroit Lions win 31-24, and 1 other result
Daylight07:10 to 18:50, 11.7 hours of light
WeatherOvercast, 60°F, Aldie, Virginia

02

A brief was written

Drafting-sheet split: BUILDABLE stamped in outlined signage caps on an indigo field, the shipped work cataloged on warm vellum opposite, the original mark in its own title block.

Why

The phrase is Doug's own, "Buildable before the first line of code. Faithful after the last." It is a before-and-after promise about the one job he does as two, so the page is a drafting sheet split down the middle: a deep indigo thesis field states the intent, a pale vellum evidence field proves it with the shipped work. That is why the object is a single word, BUILDABLE, stamped upper-left in the thesis field with the full line as its deck, and why the composition is a two-asymmetric horizontal split reading before→after rather than the mandate's vertical stack.

Big Shoulders Display carries the word: it is an industrial signage face, literally built for architectural and construction lettering, so BUILDABLE reads as a stamp on a drawing. I set it in outline, so the word is a drafting outline, drawn but not yet solid, which is what "buildable" means, before code. Condensed caps have not shipped in fourteen builds and the owner's gold standards are condensed-caps posters, so reaching for the register is fresh, not a default. Atkinson Hyperlegible answers it as clean engineering-manual body text at real reading size.

The palette is drafting ink on vellum: indigo-violet at 262°, the freshest committed hue the recency constraints allow, because the 140–180° target is spent and forbidden. Split-field is the honest ground strategy here, fresh against the recent duotone/dark-void/drench run and a one-to-one match for the before/after split. Ruled lines are the material because a spec sheet is ruled. And because one half is a pale sheet, the original green-and-blue mark finally has a home: it sits on a vellum title-block card in the thesis corner, in full color, unclipped, in the first fold at both widths, answering the standing complaint that the mark is always a single-color afterthought.

The full specification (3 sections)

Self-check

  1. Hero quotability: Yes — "Buildable before the first line of code. Faithful after the last." is a complete, screenshot-worthy claim, not descriptive filler.
  2. Because-of chain: Yes — before/after phrase → horizontal split → industrial signage chassis → indigo-ink split-field → drafting-sheet layout, all traceable.
  3. Render feasibility: Yes — BUILDABLE (9 condensed caps) at 156px fits column 1 of a 1440 canvas without overflow.
  4. Canvas floor feasible: Yes — crowded evidence catalog plus a large indigo field fill 80%+ of a 1440×900 viewport.
  5. Phone: Yes — at 5xl (72px) condensed, BUILDABLE is ~290px wide, inside the 360 first fold without cutting a word.

Rationale

The phrase is Doug's own, "Buildable before the first line of code. Faithful after the last." It is a before-and-after promise about the one job he does as two, so the page is a drafting sheet split down the middle: a deep indigo thesis field states the intent, a pale vellum evidence field proves it with the shipped work. That is why the object is a single word, BUILDABLE, stamped upper-left in the thesis field with the full line as its deck, and why the composition is a two-asymmetric horizontal split reading before→after rather than the mandate's vertical stack.

Big Shoulders Display carries the word: it is an industrial signage face, literally built for architectural and construction lettering, so BUILDABLE reads as a stamp on a drawing. I set it in outline, so the word is a drafting outline, drawn but not yet solid, which is what "buildable" means, before code. Condensed caps have not shipped in fourteen builds and the owner's gold standards are condensed-caps posters, so reaching for the register is fresh, not a default. Atkinson Hyperlegible answers it as clean engineering-manual body text at real reading size.

The palette is drafting ink on vellum: indigo-violet at 262°, the freshest committed hue the recency constraints allow, because the 140–180° target is spent and forbidden. Split-field is the honest ground strategy here, fresh against the recent duotone/dark-void/drench run and a one-to-one match for the before/after split. Ruled lines are the material because a spec sheet is ruled. And because one half is a pale sheet, the original green-and-blue mark finally has a home: it sits on a vellum title-block card in the thesis corner, in full color, unclipped, in the first fold at both widths, answering the standing complaint that the mark is always a single-color afterthought.

Composition rationale

I invoke the Max-Risk License to land one composition axis on a soft-forbidden value: axis is horizontal, which the Composition Mandate soft-forbade (start vertical, avoid horizontal/diagonal/radial). The phrase is explicitly temporal, "before the first line of code" then "after the last," and only a left-to-right reading path renders that before→after sequence; a vertical stack would flatten the two clauses into an ordinary list. Columns move to two-asymmetric so the wide indigo thesis field can face the narrower pale evidence field, and collapse is split-to-sequence because this is a genuine split field that must become before-above-after at 360.

03

A color was chosen

indigo-violet

hsl(262 63% 40%)

Drafting-ink indigo stamped on warm vellum: the deep field is the design intent, the pale sheet is the shipped build, and the split is the before-and-after the line names.

04

Tokens were generated

Color — 2 ramps, 20 stops

violet

50#EFEBFB
100#DED7F8
200#C2B7F3
300#9E8FEE
400#7C68E8
500#5B44D6
600#4E3CB0
700#3B2C86
800#2C2160
900#201748

sand

50#F9F6F0
100#F4F1EA
200#E9E4D8
300#D8D2C4
400#BDB5A4
500#948B78
600#6E6656
700#5A5346
800#322E27
900#211F1B

05

A composition was decided

columnstwo-asymmetric
axishorizontal
symmetryleft-weighted
hero zoneupper-left
densitycrowded
rhythmeven
shell posturefolded-into-hero
field ratiofield-dominant
collapsesplit-to-sequence
hero objectword
navnull
footerdrafting title-block ledger — the day's signals as a revision table with hairline rules
brand lockuphorizontal-md
brand color modeoriginal
ground strategysplit-field
ground materialrule

06

It was built

  1. Art Directorround 1Opus 4.88m 23s$1.14
  2. Art Directorround 2Opus 4.87m 41s$1.10
  3. Mockup DesignerOpus 4.83m 3s$0.65
  4. Mockup CriticHaiku 4.57s$0.01est.
  5. React Engineerround 1Opus 5.56m 2s$1.02
  6. Generated Sweepround 1<1s
  7. Surface gateround 145s
  8. Screenshot Criticround 1Sonnet 52m 2s$0.18est.
  9. React Engineerround 2Opus 5.51m 56s$0.50
  10. Generated Sweepround 2<1s
  11. Revisionround 12m 9s
  12. React Engineerround 3Opus 5.516s$0.14
  13. React Engineerround 4Opus 5.524s$0.16
  14. Surface gateround 244s
  15. Generated Sweepround 3<1s
  16. Revisionround 228s
  17. Surface gateround 347s
  18. Generated Sweepround 4<1s
  19. Revisionround 336s
  20. Screenshot Criticround 2Sonnet 52m 9s$0.18est.
  21. Surface gateround 446s
  22. Screenshot Critic Final2m 35s
  23. Run37m 18s$5.08est.
Attempts1
Files changedelements/preset.tsapp/components/Layout.tsxapp/components/Sidebar.tsxapp/components/generated/Ledger.tsxapp/components/generated/Thesis.tsxapp/components/generated/HeroStatement.tsxapp/components/generated/Split.tsxapp/components/generated/EvidenceHead.tsxapp/components/generated/FeaturedRecord.tsxapp/components/generated/Catalog.tsxapp/components/generated/RevisionTable.tsxapp/components/generated/TimelineTable.tsxapp/components/generated/AboutBlocks.tsxapp/components/generated/MetaRows.tsxapp/components/generated/CaseSections.tsxapp/routes/index.tsxapp/routes/about.tsxapp/routes/work.$slug.tsxapp/routes/og.tsx
Pages kept9