# G5 · Marcus Webb — review

I sell $5–25k professional-services offers through one intro call, and this audience is the hardest kind: high-status, time-poor, and allergic to being sold to. So I graded each page on one question — after a 45-second skim on a Wednesday night, does a division chief know what this is, believe the people behind it, and feel that emailing Michelle is a small, safe, obvious next step? The copy is identical across all six, so every point below is about how the design deploys it: what's above the fold, what the eye retains, and how much friction sits between "interested" and "sent."

## 01 — Two Trees MD — Field Notes

- Scores: First impression 8 · Trust 8 · Clarity 8 · Resonance 8 · Craft 9 · Action 8 · **Total 49/60**
- Likes:
  - The coda closes correctly: "Book an intro call" button **plus the actual address `Michelle@twotreesmd.com` printed as a link beneath it**. With a mailto CTA that's the single best de-friction move available — the reader knows exactly what the button will do before clicking, and copy-paste is an escape hatch. Only 01 and 05 do this properly.
  - The numbered section spine (`01.` – `06.` in the left margin, with italic notes like "the work around the work") is a skimmer's map. On a fast scroll I always know where I am and how much is left — that's scroll-depth management, done with typography instead of a progress bar.
  - The trust line styled as a footnote (`.trust` with the terra asterisk: "Built by two physicians. Private by design…") sits directly under the hero CTAs at exactly the moment of first hesitation. Right claim, right position, right register — quiet, not pushy.
  - The `.entries` problem list (a. / b. / c. with serif italic markers) reads as a colleague's notebook, not marketing cards. For a hype-allergic buyer that framing lowers the guard before the ask ever appears.
- Dislikes:
  - The hero's right column spends its most valuable real estate on the decorative acacia `figure.hero-fig` with the caption "Two trees, one root." Pretty, but it carries zero offer information above the fold — compare 02, which puts the entire syllabus there. That's an attention-budget miss.
  - The line-by-line headline animation (`.hl-in` at .18s/.30s/.42s delays) plus staggered sub/CTA fades means the primary CTA isn't fully rendered until ~1.5s. Small, but on a page this quiet the reader's eye beats the button.
  - H2s at font-weight 500 in Newsreader are elegant but low-contrast for skimming; on a fast pass "Six sessions. One working chief of staff." doesn't pop the way it needs to as the page's key retention line.
  - The `.sec-note` margin annotations ("boundaries, by design", "a note on fit") are charming on desktop but collapse to inline clutter under 900px, where most 11pm reads happen.
- Verdict: A calm, credible page that respects the reader and closes cleanly — it just spends its hero on atmosphere instead of the offer.

## 02 — Two Trees MD — Indigo Oath

- Scores: First impression 9 · Trust 9 · Clarity 9 · Resonance 8 · Craft 8 · Action 9 · **Total 52/60**
- Likes:
  - The `.syllabus` card in the hero is the best single conversion artifact in the round. The full offer — 001 through 106, "Core" divider, "No patient data, ever." as the card footer — is visible above the fold. A 45-second skimmer leaves knowing exactly what they'd buy; nothing else in the six does that.
  - The CTA pair is textbook: solid indigo "Book an intro call" next to ghost "See the six sessions ↓". The ghost button is the low-commitment micro-yes for readers not ready to email, and it keeps them on the page instead of bouncing. The nav CTA persists and the nav compresses on scroll (`.nav.scrolled` padding shift) — the ask is always one glance away.
  - The full-bleed indigo `.safety` band gives "No patient data, ever." the visual weight of a signed oath. For this audience that section *is* the testimonial substitute, and this design is the only one that treats it as the emotional peak of the page.
  - The finale includes `.mailhint` with the clickable address under the button — mailto friction handled, same as 01.
  - Ivory + indigo + brass reads university press, not startup. That palette alone buys trust with a JAMA reader before a word is read.
- Dislikes:
  - The nav link "The Build" anchors to `#the-build`, which is the *problem* section, not the method. A nav that lies, even slightly, costs orientation on the exact page element skimmers use most.
  - The scroll-driven timeline dims unlit sessions to `opacity:.44` (`html.anim .tl-item:not(.lit)`). A fast scroller — my whole persona — sees washed-out content until the fill catches up. Progressive reveal fights the skim.
  - The timeline itself is redundant: the syllabus card already delivered the curriculum in the hero. Spending the longest section of the page repeating known information dilutes scroll budget that could have gone to founders/proof.
  - The brass-underlined "you" in the H1 (`.hero h1 .you`) is a hair too clever — the italic "Except, somehow," already carries the turn.
- Verdict: The only page where a 45-second skim delivers the complete offer, the oath, and a frictionless ask — this is the one that books calls.

## 03 — Two Trees MD — Savanna Dawn

- Scores: First impression 7 · Trust 6 · Clarity 7 · Resonance 7 · Craft 8 · Action 6 · **Total 41/60**
- Likes:
  - The honey `.btn-primary` on the near-black `--bg:#131511` is the highest-contrast CTA in the round — nobody misses that button, in the nav or the hero.
  - The 3.3s `sunrise` animation and the 17s/21s canopy `sway` are genuinely tasteful motion — slow, once, and quiet. As pure craft, the dawn scene is the most memorable image across all six.
  - The `.grad-aside` dashed-border treatment for 201–203 gets the de-emphasis exactly right: present, legible, clearly not the product.
  - The `.judgment` block in the safety panel (border-left brass, "Judgment-free by design." pulled out as its own column) isolates the line that matters most to the embarrassed-curious buyer.
- Dislikes:
  - Dark cinematic is the wrong register for this transaction. A 58-year-old division chief opening this at 11pm reads "streaming service" or "crypto landing page," not "colleague." For a hype-allergic, high-ticket audience the mood itself is a trust tax — and mood is all the hero offers, because the dawn scene carries zero information about the offer.
  - `min-height:calc(100svh - 64px)` on the hero means the entire first screen is headline plus decoration. The problem section — the hook for this buyer — is a full viewport away. The hero doesn't earn that scroll with anything concrete.
  - The final CTA has a button and nothing else — no visible email address (`.final` renders only h2, p, btn). With a mailto link, hiding the address until the client's mail app unexpectedly launches is exactly the surprise that loses cautious readers. The address exists only in the footer.
  - The hand-drawn `six-stroke` underline on "Six" is a startup-deck flourish that fights the restraint the copy is working so hard to project.
- Verdict: The best-looking page in the round and the least likely to make this particular buyer feel at home — atmosphere converted no one.

## 04 — Two Trees MD — Morning Clinic

- Scores: First impression 7 · Trust 6 · Clarity 8 · Resonance 8 · Craft 7 · Action 8 · **Total 44/60**
- Likes:
  - The `.day-card` hero visual — "Wednesday, 7:12 am," nine labeled task chips (Committee agenda, Mentee letter, CME hours, Promotion packet…) scattering and settling with drawn checkmarks, then the "Sorted" pill fading in — is the only hero in the round that *demonstrates the outcome* instead of describing it. That's the frame a skimmer retains: my actual Wednesday, handled.
  - The coral `.btn-coral` at the final CTA is a classic and correct move: after a full page of spruce-green, the pattern interrupt at the exact moment of decision measurably lifts clicks. Only design that changes CTA color at the close.
  - `@media (max-width:620px){ .cta-row .btn{width:100%} }` — full-width tap targets on mobile. This page was designed for the 11pm phone read; most of the others merely tolerate it.
  - The shield icon on the hero trust line quietly visualizes "private by design" without saying HIPAA — smart restraint given the copy's banned-words list.
- Dislikes:
  - Pills, rounded 20px cards, icon discs, mint band alternation — the whole system is one gradient away from a generic SaaS template. Simone would call it AI-smell; I call it a positioning error: it prices the offer like a $29/mo tool, not a five-figure private build.
  - The final CTA's email is a dead `<p class="note">Michelle@twotreesmd.com</p>` — plain text, not a link. That's the worst of both worlds: it looks like the de-friction move 01/02/05 made, but it doesn't click and it doesn't explain the button either.
  - Nine hero chips is two or three too many; on mid-height laptops the settle animation is still resolving below the fold, and the "Sorted" payoff pill lands at 2.35s — after a skimmer has already scrolled.
  - The `.founders-coda` line ("Between them: a career of teaching…") is orphaned as a centered one-liner below the founder cards, where the page's strongest credibility sentence reads like a caption.
- Verdict: The right story in the wrong clothes — the Wednesday card sells the outcome, the SaaS chrome undersells the price point.

## 05 — Two Trees MD — Honey Ledger

- Scores: First impression 7 · Trust 6 · Clarity 9 · Resonance 7 · Craft 8 · Action 8 · **Total 45/60**
- Likes:
  - The `.hero-index` strip — **001 / 101 / 102 / 103 / 104 / 105 / 106 · "Six private 1:1 sessions"** — puts the whole product's skeleton above the fold in one line. Second-best skim artifact in the round after 02's syllabus card.
  - Numbered kickers running 01 → **07 Start** tell the reader upfront that the page has a destination and what it is. Pair that with the `.progress` hairline under the nav and the ≥1400px `.rail` index, and this is the only design that actively manages scroll depth — my native language.
  - The `.ledger` table (Nº / Session / What you build) is the clearest curriculum presentation of all six: tabular, scannable, with giant tabular-nums that make each row self-anchoring. "What you build" as a column header is doing real selling work.
  - The final CTA stack is complete: kicker "07 Start," oversized H2, `btn-big`, and the clickable `cta-mail` address underneath. Frictionless close.
- Dislikes:
  - The register shouts. Archivo 900 at `clamp(42px,8.2vw,108px)`, marker-highlight sweeps, honey slabs — this is ad-agency confidence aimed at a buyer the brief says closes the tab at the first whiff of swagger. Loud is a form of pushy, and pushy backfires here.
  - "Real photos pending." printed on the live page (`.p-note`) is a self-inflicted wound. It tells a $10k prospect the site shipped unfinished — worse than saying nothing, since the initial blocks read as intentional design without it.
  - The `.lrow--core:hover` full-row inversion to black-with-honey-numerals is a flashy interaction that adds nothing to comprehension; it's craft spent performing rather than persuading.
  - The contrast section silently drops the third line ("Built by physicians, for the parts of academic medicine that don't fit in the EHR") — the one line that does the most positioning work with a chair or skeptic.
- Verdict: The most scannable, best-navigated page in the round, wearing a voice two sizes too loud for the person it has to convince.

## 06 — Two Trees MD — Quiet Garden

- Scores: First impression 7 · Trust 7 · Clarity 7 · Resonance 6 · Craft 8 · Action 5 · **Total 40/60**
- Likes:
  - The growing sand `.spine` between sections — lerped, never snapping, with the diamond blooming at the base — is the most tasteful scroll motion in the round. It gives continuity without ever competing with the copy.
  - The `.safety-mat` with its inset sand keyline frame presents "No patient data, ever." like a certificate on a wall. For the compliance-minded reader that framing is quietly persuasive.
  - The palette (sage / pine / sand, EB Garamond at 1.19rem base) is the most genuinely calm surface here — zero hype, zero startup smell. Nothing on this page would embarrass anyone who forwarded it.
  - The drifting canopy `.pad` ellipses with parallax are restrained enough to register as texture, not decoration — and they're correctly disabled for reduced motion.
- Dislikes:
  - The buttons whisper. `.btn` is 0.72rem uppercase with 0.2em tracking — the primary CTA is typographically smaller and quieter than the body text around it. On a page whose entire job is producing one email, the ask is the least emphatic element on the screen. That's not restraint, that's abdication.
  - The scroll to the ask is the longest in the round: a `100svh` centered hero, then seven sections each padded 7.5rem *plus* a 130px spine gap between every one. Attention budgets are finite; this page spends the reader's on white space.
  - The final CTA is a lone button — no email address anywhere in the section (it appears only in the footer). Mailto surprise, unmitigated, at the moment of highest intent.
  - Everything is centered — section heads, safety mat, founders, who-list, contrasts. Centered ragged text kills the left-edge eye anchor a skimmer scans down; F-pattern reading has nowhere to land. And the spa register answers "my Wednesday is drowning" with a meditation retreat — resonance mismatch.
- Verdict: Beautiful stillness that never asks for the business — the page most likely to be admired and least likely to be answered.

## Ranking

1. **02 Indigo Oath (52)** — the syllabus card above the fold means a 45-second skim delivers the entire offer plus a frictionless, email-visible close; this is the page that books calls.
2. **01 Field Notes (49)** — quiet credibility, a skimmable numbered spine, and the round's cleanest mailto handling; loses only on an atmosphere-first hero.
3. **05 Honey Ledger (45)** — best scroll management and clearest curriculum of the six, docked hard for a shouting register and a "photos pending" note on a live page.
4. **04 Morning Clinic (44)** — the Wednesday day-card is the round's best outcome demonstration and the coral close is textbook, but SaaS-template chrome underprices a high-ticket private offer.
5. **03 Savanna Dawn (41)** — highest craft, wrong room: a dark cinematic mood that carries no offer information and hides the email until the mail app ambushes the reader.
6. **06 Quiet Garden (40)** — the calmest, most forwardable surface in the round, undone by whispering CTAs, the longest scroll to the ask, and a close with no visible email.