# G4 · Simone Adler — round 3

Same method as last time: view-source first, render second. Round 3 is a synthesis round, and synthesis is where template smell either dies or gets laundered — so I read every easing curve and every inherited device asking one question: is this yours now, or are you still quoting? For the record, all three style the review toggle in their own page language (paper-lift/terracotta, indigo chip, white sheet) — considerate — and I've excluded it from every score.

## Variant A — Field Notes, refined
- Scores: First impression 9 · Trust 8 · Clarity 9 · Resonance 8 · Craft 9 · Action 8 · **Total 51/60**
- Likes:
  - The curriculum hover finally speaks the house language: `.cur-cell:hover` is now a flat `background:var(--paper-lift)` while the `::before` terracotta dash extends from 34px to 100% and the `content:"\2713" / ""` check fades in. The one SaaS gesture I flagged in round 2 was replaced with the page's own signature mark doing the work — this is exactly how you fix a hover.
  - Moving the acacia ink-in from the hero to the founders section is the smartest single decision of the round. The trunk-first, eleven-ellipse pad-by-pad draw (.36s–1.06s) now lands under "Two trees, one root," where the drawing *means* something — and the hero gains a real artifact in its place: the syllabus card with its stacked-sheet `::before` (`translate(7px,8px) rotate(.7deg)`), a journal page, not a SaaS card.
  - The entrance choreography was tightened with intent — the CSS comment says it out loud ("tightened so the CTA lands under 1s"): `setline` cut from .8s to .55s, delays compressed to .08/.16/.24, CTAs at .38s. Last round's 1.56s overture respected the design; this one respects the reader.
  - The Wednesday re-dress obeys the register: paper slips on ruled lines with roman-numeral `slip-no` markers (`i.`–`vii.`), stroke-drawn terracotta ticks on a 90ms stagger, and *handled.* in italic at 1.55s — the whole sequence inside the 2s budget, `animation-play-state:paused` until the IO fires.
  - The mobile menu button is three ruled hairlines that rotate into an X — even the hamburger is typeset. And the 480px nav keeps the Book button alive at `.74rem` instead of hiding it.
- Dislikes:
  - The Wednesday card is the one piece of fragile engineering on the page: slips are `position:absolute` at `top:calc(4.15rem + var(--i)*2.62rem)` inside a hard-coded `height:25.7rem` card with `overflow:hidden`. Bump the user's font size or let one label wrap and the rows collide or clip. B and C build the same card in normal flow; A's version is the prettiest and the only brittle one.
  - The curriculum stagger scramble I flagged in round 2 shipped again, character for character: delays .0/.07/.14/.05/.12/.19 are choreographed for three columns, and at the 960px two-column breakpoint row two still animates .14 before .05. Same objection, same line of CSS.
  - `.btn:hover{transform:translateY(-1px); box-shadow:0 6px 16px -8px rgba(168,72,31,.55)}` — the card-lift was exiled from the ledger and granted asylum on the button. A ruled, flat page should not have its one CTA levitating with a colored glow.
  - The syllabus card's `transform:rotate(-.5deg)` is the page's only wink, on its most load-bearing artifact. I half admire it; on the third viewing the tilt starts reading as staged casualness rather than casualness.
- Round-2 objections: Three of four fixed properly — card-lift hover replaced in-language, the diploma-pastiche `.plate` is simply gone (safety demoted to the asterisked `quiet-aside`, which is the better design anyway), and the hero dead air is cured by `align-items:center` plus a right column that finally holds something. The two-column stagger scramble was ignored outright.
- Verdict: Last round I stopped grading and started reading; this round it fixed what I marked and moved its best trick to the one place it carries meaning — the button glow and one brittle card keep it off a 53.

## Variant B — Indigo Oath, with a signature
- Scores: First impression 7 · Trust 9 · Clarity 9 · Resonance 6 · Craft 8 · Action 8 · **Total 47/60**
- Likes:
  - The motion architecture is the best-engineered in the round, and it's the *inverse* of round 2's mistake: base CSS renders every final state, JS adds `html.anim` only when motion is welcome, and the reduced-motion path simply `return`s. No `*{transition-duration:.01ms !important}` nuke anywhere in the file. This is the pattern the other two should have copied — and one of them copied the wrong thing instead.
  - The timeline kept its scroll-driven brass rail and fixed the legibility tax completely: the code comment says "the text is never dimmed" and means it — only the rail, the dots, and the numeral color (`--slate:#5A6480`, still 5.5:1 on ivory, with the receipt in a comment again) carry the animation. Round 2's `opacity:.44` greyed-out body copy is gone without losing the bidirectional re-lighting.
  - The hero syllabus card is now a *functioning* index: each row is an `<a class="srow">` anchoring to `#s-001`–`#s-106` with `scroll-margin-top` set on the targets and the brass sweep underline on hover. Round 2's card sold the product by being the product; this one sells it by working. Best interaction decision in round 3.
  - `.ports::after` — one 1.5px brass line running under both founder portraits — is "one root" said in a single pseudo-element. Quiet, structural, correct.
  - The uniform white pain-card grid is dead; the three pains are ruled `.entry` rows with italic brass letters. The AI-template tell I screen for was removed, not restyled.
- Dislikes:
  - About that signature. The brass index tab — `clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%)`, repeated on every ruleline and worn by the hero card as "000 Index" — is a genuine device with a genuine concept (one catalog, indexed), and it half earns the word. Half, because a signature is supposed to be *how the page speaks*, and this one is a label pinned onto a page that still speaks fluent template underneath: indigo + brass + Lora on ivory, `border-radius` cards with `0 1px 2px` shadows, `btn-primary`/`btn-ghost` pairs. The tab is a monogram sewn onto the same suit I described last round.
  - The hero headline gets no typographic event at all — no entrance, no clip, no draw; only the syllabus card carries a `.reveal`. In a round where A typesets its headline and C prints its card, B's opening beat is a static paragraph. Restraint is a choice; inertness is a default.
  - Convergence: the 150px marginalia column, the italic margin notes, the ruled entries with letter markers, the asterisked trust footnote — all of it is Field Notes' vocabulary adopted wholesale. B answered "aesthetically anonymous" partly by borrowing the personality of my round-2 winner, which is a strange way to become yourself.
  - The mark is still furniture: 38px in the nav and a 104px static repeat in the founders margin. A draws its trees; B files them.
- Round-2 objections: All four addressed — uniform cards removed, `opacity:.44` dimming removed with text explicitly exempted, the reduced-motion nuke replaced by the opt-in `html.anim` architecture, and the factory palette challenged with a real gesture (the tab) even if the underlying wardrobe is unchanged. The most conscientious response to review notes in the set.
- Verdict: The firm handshake now wears a monogrammed cufflink — I'll remember the tab and the clickable index, but I still couldn't pick this palette out of a lineup.

## Variant C — Paper & Indigo
- Scores: First impression 8 · Trust 8 · Clarity 8 · Resonance 7 · Craft 7 · Action 7 · **Total 45/60**
- Likes:
  - The palette is the most disciplined three-role system in the round — indigo for structure, terracotta as the *single* accent, paper/white as ground — and it ships with a full WCAG audit in the `:root` comment block: terracotta 4.0:1 reserved for large text and non-text marks, `--terra-ink` 5.3:1 computed for every small terracotta string, indigo 12.7:1. Someone did the math and left all the receipts. That block is the most professional fifteen lines in round 3.
  - The `.doc` surface — white sheet, 3px indigo top rule, 4px radius, one restrained shadow — gives the syllabus card and Wednesday card a shared editorial identity: printed documents on a warm desk, not cards in a grid. Two artifacts, one paper stock.
  - The signature moment has taste: the syllabus "prints itself" — sheet lands at .35s, head at .62s, each course row set in reading order at 80ms intervals, footer rule at 1.5s. Print-shop choreography that dramatizes the actual product.
  - The Wednesday ledger's dotted leaders (`border-bottom:1px dotted`, `translateY(-.28em)`) between task and terracotta check are proper index-line typography — the re-dress rules followed in spirit, not just to the letter.
- Dislikes:
  - It re-imports the exact round-2 sin I flagged in Indigo Oath, with a lawyer's footnote: `html.anim .tl-item:not(.lit) .cur-row{opacity:.82}` plus numerals knocked to `rgba(30,43,79,.55)`, and a comment assuring me the unlit state "never drops below 75% legibility." Dimming body copy below the 62% line is the disease; .82 is just a milder fever. B proved this round that the rail reads perfectly with the text left alone.
  - The reduced-motion nuke is back verbatim — `*,*::before,*::after{transition-duration:.01ms !important; animation-duration:.01ms !important}` — even though C's own JS already gates everything behind `html.anim` and returns early. It's redundant *and* blunt: it kills the harmless nav-shadow fade and the hover underline draws for users who asked for less motion, not for a broken page.
  - Conversion craft slips on the phone: at ≤860px `.nav .btn{display:none}` — the Book CTA vanishes from the nav entirely and survives only as a plain list item inside the menu panel. A shrinks its button; C deletes it. And C's mobile menu is the only one of the three with no Escape-key handling.
  - Identity, the harder problem: the terracotta rule-tab is A's device at the same 56×3px, the marginalia column is A's, the rail-and-dots timeline is B's, the dotted-leader ledger is B's. The blend is genuinely handsome — but its one original contribution is the print sequence, which is itself a reinterpretation of A's ink-in. It's A's skeleton written in B's ink; I can name every organ donor.
  - The founders' indigo-filled discs with the inset terracotta hairline (`inset 0 0 0 3px var(--indigo), inset 0 0 0 4px rgba(192,91,46,.65)`) are the heaviest ink on an otherwise airy page — two dark coins on a paper spread, one fussy ring each.
- Round-2 objections: A mixed inheritance — it adopts A's fixed hover language and B's never-dim principle only halfway (dimming survives at .82), and it resurrects 02's reduced-motion sledgehammer that B had correctly retired. New palette, old habits.
- Verdict: The best-documented and second-best-looking page in the round — a beautiful anthology that quotes its sources so faithfully I keep reviewing them instead of it.

## Ranking
1. **A — Field Notes (51/60)** — fixed three of my four round-2 objections in its own language, relocated its best brand moment to where it carries meaning, and still owns the only typographic voice in the set.
2. **B — Indigo Oath (47/60)** — the most conscientious revision and the best motion engineering of the round; the brass tab is a real gesture that half-escapes a palette still available at any template marketplace.
3. **C — Paper & Indigo (45/60)** — the most disciplined palette and the receipts to prove it, undone by re-imported round-2 sins (the .82 dim, the reduced-motion nuke) and a personality assembled entirely from its parents' features.