**A. The aesthetic**
A dark editorial consulting page: one long acid-lit serif statement over a black fold, a real person cut into duotone slabs, sections tilted at seams, and a colour ramp that climbs from near-black through forest green to a lime sunrise at the contact form.

**B. The bar: how a top studio would build exactly this as a website**
Structure would be four moves, not seven. A hero that is one image, one sentence, one act. A single black fold that is the whole argument, sticky and painted by scroll, with something on the right side of the screen earning the sticky. One work section where the two rooms and the five faces are the same object, not two stacked lists. A close where the green ramp pays off. Sequence would alternate density: photo, then text, then photo, then a pale card break, so the eye never has three text-only screens in a row. Motion would be scarce and diegetic: the slabs of the portrait are the prism, so they would be what scroll moves, refracting the photo as you pass, and the seam angles would rotate slightly with progress so the tilt reads as a device and not a decoration. Interaction would be one idea used everywhere: the slab. Hover a nav item, a slab of Erin swaps. Pick a room, the slabs re-cut. Open a face, the slabs re-cut. Type would be two families max, with the serif at one or two enormous sizes and a mono for labels only, with no third mid-size display tier diluting the hierarchy. Colour would be the black fold, one green, one lime, one bone. Imagery would be the raw Erin photos pushed harder: real grain, aggressive crops, type set across the face, not tinted stock-like pictures with faint vertical lines on top. On the phone the slabs and the seams would survive at full strength because they are the identity.

**C. Ranking by polish and taste, best first**
1. Meridian editorial. Type as image, cut-paper portraits, parenthesis wit, one lilac and one orange doing all the work.
2. Sunrise sage coral. One circle, one ruled sky, one paragraph. Total confidence in restraint.
3. Polyteia posters. Grainy gradients and data as poster art, a real system with a voice.
4. This website. A genuine concept, several strong screens, but seven sections and three motion vocabularies where one would do.
5. Hogrene lime lilac. Competent identity boards, but the website mockup is the generic split-hero template.
6. Optiva green consulting. Exactly the consulting template the brief warns against, with stock team photography. The site outranks its own reference.

**D. The gaps**

Structure and sequence
- Section count. Hero, statement fold, rooms, faces, Erin, quotes, month, plans, FAQ, band, contact. Eleven beats for a page that "confirms, does not sell." Cut the FAQ into the plans rows and merge the band statement into the contact hero. Target six beats.
- The statement fold spends 2026px of scroll on one sentence with the right half of a 1440 screen empty for the whole duration. Put something on the right: a slab of Erin that re-cuts as words light, or the section numbers 01 to 04 ticking. Dead space at sticky scale reads as a bug.
- The rooms block and the faces block are two answers to the same question, stacked, each with its own portrait. Fold the five faces under the chosen room so choosing a room changes which faces appear. One portrait, one list.
- The quote cards go pale grey immediately after the Erin portrait and immediately before the green month band. Three surfaces in three screens. Either the quotes live inside the Erin section as a column or the month band goes pale too, so the page has one deliberate light break.
- The band statement "The answer is usually simpler" repeats the hero's move at the same size on the same kind of duotone photo. It is a second hero at 85 percent scroll. Either make it the only full-bleed photo after the top or drop it.
- The colour ramp is the best structural idea on the page and the nav progress bar knows it. Nothing else does. The section seams should shift hue with the ramp, and the lime should arrive as a surface, not just as a bottom-right gradient in the footer.

Interactivity
- The five faces open on mouseenter, not click. Moving the pointer down the list flips the portrait five times. Make it click only, keep the hover as a rule extension.
- The rooms tabs are good. The click swaps portrait and list with a slab wipe. That wipe is the page's signature and appears in exactly two places. Use it on the index hover and on the band.
- The index overlay works, with a portrait per link on hover. But the list links are the only place the nav does anything. The fixed nav has no section indicator beyond the progress bar colour. Add the current section title next to the mark.
- The hero CTA hover inverts to outline. The nav CTA does the same. The form button does the same. One hover pattern for buttons is right. But the hero image responds to nothing. The slabs should track the pointer by a few pixels.

Motion
- Three vocabularies: slab clip-wipes, veils lifting off images, and translateY text rises. The veils and the rises are default reveal choices. Keep the slab wipe as the only image motion, and let text simply be there.
- Word-by-word painting is well executed and the lime edge on the two live words is a nice touch. It is also the most familiar scroll trick of the last three years. It earns its place only if the right side of the fold is doing something.
- The month track fills as you pass. The fill is a thin lime line, easy to miss. Either let the four week cards light in sequence with it or remove the line.
- The hero settles after 2.1 seconds and then does nothing on scroll except a small drift. The slab columns should shear with scroll so the exit from the hero is the prism doing its one trick.

Type, colour, imagery, spacing
- The serif runs at five distinct display sizes: hero, statement, section titles, face rows, quote cards. Collapse to three. The quote-card serif at 46px on pale grey looks like a different site.
- "THE PRACTICE, IN ONE SENTENCE" is set in the serif in all caps at a mid-size. Every other label is mono small caps. Make it mono.
- The green of the FAQ and month sections is flat and mid-tone. Against the black fold and the lime footer it reads as the least designed surface on the page. Push it darker or let the ramp actually ramp inside it.
- The vertical hairlines over every portrait are a texture, not a device. They are visible on the hero, the rooms, the faces, Erin, the band, and the index. Cut them everywhere except where the slab wipe happens, so the lines signal "this image can re-cut."
- The duotone is a single green tint with no grain and no crush. The brief asked for Cartesia. Crush the shadows to true black, add visible grain, and let the lime enter the highlights on at least one portrait.
- The statement fold's line-height is tight and the text column stops at 720px. Let it run to 900px so the sentence takes six lines, not eight.
- Hero: "PRISM" bleeding off the right edge is the stated rule break and it lands. At 1440 it clips at "PRIS," which is the right amount. Keep.

Phone view
- The statement fold at 390 gives one full screen of near-black with dim text before any word lights. Reduce the sticky duration on phone or start painting at the top of the fold.
- The black wedge seam after the statement is a 300px empty triangle on phone. Reduce the shear on small screens.
- The Erin section leads with 460px of sliced dark portrait before the name. Put the name over the portrait on phone.
- The hero on phone stacks the portrait, headline, body, button and tagline into one screen and the headline shrinks to two short lines. Let the headline take three lines and drop the tagline.
- The week cards go to four stacked green blocks in four slightly different greens. Fine, but the differing greens read as inconsistency rather than ramp. Use a single tone with the track fill as the only variable.
- The index overlay on phone loses the portrait and the sublabels, leaving four items in the top half and a black hole below. Pull the footer contacts up under the list.

**E. Overdone, templated, or AI-tell patterns**
- Word-by-word scroll painting of a manifesto sentence. Penalized: the most reused scroll effect in the current generation of agency sites.
- Numbered mono labels on everything: 01 through 05 in the rooms list, 01 through 05 in the faces, 01 to 04 in the section eyebrows, WEEK 01 to 04. Four numbering systems on one page.
- Veil-lift image reveals and translateY text rises on every section. Default library moves.
- Thin vertical hairlines over every photo as "texture."
- Mono eyebrow above a serif title above a sans paragraph, repeated in every section without variation.
- Two-column FAQ with serif questions and sans answers. A template block dropped in.
- The gradient-to-lime footer corner. A "nice ending" that the rest of the page never promised.
- The "No deck. No sequence. A conversation." and "No list, no sequence" microcopy pair. Same rhetorical device twice.

**F. Commitment and score**
The direction is clear and mostly honoured: a real person under green, acid as accent, the black fold, quote cards on pale grey, angled seams, the ramp at the end. The page does not decorate a template. The index overlay, the rooms swap with slab wipes, the hero clip of the name and the progress bar reading the colour ramp are the work of someone with a point of view. The half-measures are what hold it: the duotone is tinted rather than crushed, the hairlines are texture rather than device, the sticky fold leaves half the screen empty, the green mid-sections revert to default section anatomy, and three motion vocabularies coexist where one signature was already found. It commits to the world at the top and the bottom and drifts to a competent template in the middle third.

Concept 8, structure and sequence 6, typography 7, colour 7, imagery direction 6, motion and interaction 7.

RANK: 4
SCORE: 7/10
