**A. The aesthetic.** A fashion-magazine issue on cream paper: Didone headlines at poster scale, cut by torn cut-out portraits on lilac-to-orange panels, with the site organised as numbered spreads, a running head and a contents page.

**B. The bar.** A top studio would build it as one continuous issue where every spread has its own layout logic and no two look alike. The cover is type interrupted by a figure, with the cut landing mid-letter so the word stays legible. Navigation is a contents page with a real plate per chapter, and the running head swaps as you turn. The edition switch re-prints the issue: headline words change, the figure slides in from the gutter, the spot ink flips. Motion is editorial only: mask reveals, page wipes between spreads, one slow parallax on the cover, nothing on things that are not links. Type is one Didone with optical sizes at three violently different scales, one grotesk for captions, and the caption size is decided once. Color is cream, ink black, and two spot inks applied per spread, never washed everywhere. Imagery is a bank of six to eight objects: halftone cut-outs, false-color portraits, torn plates, a big quote mark drawn as one shape, and each spread gets at least one. The phone keeps the cut through the headline, and one spread is rethought for the thumb rather than stacked.

**C. Ranking, best first.**
1. Meridian editorial. The fullest version of exactly this language: type cut by portraits, quote marks as objects, gradients with discipline.
2. Polyteia posters. Grain gradients and data as color, print-level finish, every poster resolved.
3. This website. A real editorial system with two editions, an index and a rail, and the first three spreads land. It loses on collisions and a back half that flattens.
4. Sunrise sage coral. Perfect restraint, but one screen and one idea.
5. Hogrene lime lilac. Clean identity work carried by stock nature photography and a default grotesk.
6. Optiva green consulting. A template consulting site with the smiling-team hero the brief tells you to avoid.

**D. Gaps to the bar.**

Structure and sequence. The page runs Cover, Two editions, Work, Method, Voices, Practice, Questions, Contact, then a footer, numbered 00 to 07 with a running head. The spine is right.
- **Cover.** The image cuts the fourth line so it reads "LEAD, HIRI" at first glance. Move the crop so the cut runs through the middle of the E, or let the E show under the torn edge, as Meridian does with "WELCOME".
- **Work.** Six text cards in a horizontal rail with a third of each card empty, and four already visible at 1440. Lay the six as a contact sheet with the outlined numerals, or give each plate an image so the rail earns its chrome.
- **Method.** A sticky numeral and label in the left 40 percent, three identical hairline rows on the right, and an empty far-right column. Make the numeral the object the copy runs around, or give each step a figure.
- **Voices.** The quote mark is a hairline arc plus a cream disc and reads as two sixes. The first quote runs half on cream and half on lilac across the discs. Draw the mark as one filled shape and let the text knock out of it, or lift the discs so only the tails touch line one.
- **Questions.** The flattest spread: a two-column FAQ with roman numerals at about 7 pixels. Pull one question to headline scale, set the answers as magazine text, and give the spread an object.
- **Contact and footer.** A five-column colophon and then a real footer. Merge them into one line.
- **Rhythm.** Practice and Questions are two cream spreads in a row, then Contact repeats the black block used for Work. Swap Questions onto a spot ink or a plate.

Interactivity.
- **Edition switch** is the best idea on the page. It flips the accent to lilac, swaps the portrait, the room, the FAQ answers and the contact lede. It is too quiet. Change a headline word on the cover so the switch is visible at the top, and stage the change as a re-print, not a crossfade.
- **Index overlay** has hover previews, but every chapter previews the same torn-panel plate, tinted. Give each chapter its own plate.
- **Hover states** fire on things that do nothing: the quote rows lighten and the FAQ headings turn orange. Remove them or make them do something. The Firms button gives no hover feedback. Plates inverting to cream with an orange numeral, the orange rail arrow, and the CTA turning orange are all correct.
- **Rail** drags, snaps, and has a page-turn strip. Fine.

Motion.
- **Load** is good: headline lines rise from a mask, the figure fades in late, the orange line crosses.
- **Cover scroll** splits the two headline blocks and drifts the figure down-left. That means something: the reader leaves the page.
- **Between spreads** nothing moves. Cream cuts to the plate cuts to black cuts to lilac. This is where a page wipe would earn its keep.
- **Reveals** are the generic 18-pixel fade-up on section headings only. The drifting A and B letters in the room panel are decoration.

Type, color, imagery, spacing.
- **Type.** Bodoni Moda at 137 pixels, tight tracking, 0.85 leading, holds. Space Grotesk body at 17 pixels is fine. Captions run from about 7 to 10 pixels across five different treatments; pick one caption size. Every section heading sits at the same scale, which is why the back half reads as a template. Make one spread a 300-pixel word and one spread no headline at all.
- **Color.** Cream, ink, orange, lilac, and orange becoming lilac by edition. Committed and disciplined. Gradients appear only behind the portraits, which is correct.
- **Imagery.** The founder cut-out is halftone on a skewed panel. The firm partner is grain on a rectangle. Make them one system. The torn-panel plate is reused three times, and Method, Questions and Contact have nothing to look at. Three of the six allowed generated images are used. The three-band duotone of Erin with the band moving on scroll is the strongest picture on the page. Keep it.
- **Spacing.** Generous throughout. Dead space is inside the Work cards and to the right of Method, not between sections.

Phone at 390.
- The cover stacks five lines and the orange line overlaps the portrait, but the word is whole again, so the rule-break weakens on the phone.
- The rail becomes a swipe with a numbered pager. Method drops the sticky spine and sets numerals inline in orange. Both work.
- The giant email runs off the right edge. Break after the at sign or drop the size.
- Everything else is a stack of the desktop. Nothing is rethought for the thumb.

**E. Overdone, templated, or machine-made.**
- **Self-captioning conceit.** "This issue prints in two editions", "Seven spreads, two editions", "Fig. 00 — Room A", "Plate 02 — Torn panels", "Questions, printed in full", and a colophon that says what inks it is printed in. A magazine does not explain its own device in every caption. Cut half.
- **Three numbering systems.** Eyebrow numbers, the running head, and the index all count the same spreads.
- **Outlined numerals in cards.** A familiar portfolio move.
- **Hairline-row lists** used in four sections: room list, credentials, FAQ, colophon.
- **Carousel chrome.** Square prev and next buttons and a "01 / 06" counter.
- **Fade-up-on-intersect** reveals.
- **Aphorism copy.** "A decision, not a constraint", "Every engagement ends; that is the design", "Nothing here is sold by the hour, and nothing here is sold twice." The paired antithesis repeated is a tell.

**F. Commitment and score.** The page commits. It was rebuilt as an issue rather than decorated: a cover with type cut by a figure, a contents overlay, a running head, a consequential edition switch, plates, figures, a false-color portrait. The rule-break is visible on desktop and half-visible on the phone. The leftovers are the FAQ grid, the card rail, the five-column footer, the generic reveal, and hovers on static rows. The first three spreads are close to sign-off. From Method onward it drops to a competent template, the quote object is unresolved, and the image bank is too thin to carry eight spreads. A director sends it back for one round with a clear list, not a rethink.

RANK: 3
SCORE: 7/10