# Current concept separation — layered editorial revision

This review describes **Assemblage, Perspective and Chromatic**, plus the additional **Showroom Flight** prototype. It is based on their actual source, component construction and technique records. It does not assign a quality score, establish the ≥5/6 visual-separation gate or substitute for the user's approval. Both earlier rounds remain rejected.

The latest user requirement deliberately gives every hero the same exact brand, Snooty Fox, with unobstructed foreground text. Distinction must come from composition, typography, palette, photographic treatment, navigation and motion—not different slogans or concealed type.

## Six dimensions

| Dimension | Assemblage | Perspective | Chromatic | Showroom Flight prototype |
|---|---|---|---|---|
| Composition | Open porcelain cover; large geometric brand above a poolside plane, circular material aperture and chartreuse backplane. Full-screen Light/Form stages stack before a spatial selection and variable-span catalog. | Environmental full-bleed cover with independent copper architectural framing and projected furniture/light apertures. Spatial exhibition precedes a room-led sequence, overlapping intake and showroom panels. | Magazine cover with three photographic Z planes rendered in two transparent canvases. Plum lighting and coral outdoor chapters stack; a living-room selector and asymmetric twelve-column index create a different reading rhythm. | Tall archive film aperture beside a large name; one pinned frame-controlled sequence leads into a horizontal-row product index and overlapping consignment invitation. |
| Typography | Self-hosted Manrope geometric display and DM Sans body; compact spacing and large sans-serif forms. | Self-hosted Newsreader regular/italic and DM Sans; broader editorial serif headlines with architectural caption bases. | Self-hosted Bodoni Moda regular/italic with Manrope; high-contrast fashion/editorial headlines and contrasting short labels. | Self-hosted Newsreader with Manrope; two-line title over a cinematic viewport and larger serif names in listing rows. |
| Palette | Porcelain `#F4F3EB`, chartreuse `#D3E544`, ink `#19201B`, deep green `#17281E`. | Midnight petrol `#092F36`, deep petrol `#061F25`, apricot `#EDAC83`, copper `#B87149`, ivory `#F4E9DD`. | Plum `#402334`, coral `#F99882`, champagne `#F5E8D8`, warm paper `#FCF6ED`, dark ink `#1F1B1E`. | Forest `#172D29`, linen `#F1EADB`, bronze `#725134` and warm archival-photo color. |
| Image treatment | Actual Carlo poolside environment plus Aio macro texture; geometric and circular masks. Active gallery images retain whole product appearance; product details retain originals. | Aio environment supplies depth and atmosphere; Lotus/Eden/other images sit in architectural copper-edged apertures with side facets. Active product labels are separate from receding planes. | Native Three.js UV aperture masks preserve source aspect and color; rounded architectural, elliptical and detail surfaces. Catalog plates use varied outlines and foreground metadata; originals remain available. | A real merchant archive clip is converted into 51 frames, with poster and nearest-ready-frame fallback. Film objects are explicitly separate from the dated catalog. Generated drone footage is not present. |
| Navigation | Main collection/consignment/showroom routes, native category select, keyboard depth selection and custom spatial contents dialog. | The same commerce destinations and shared spatial contents; room-led exhibition and keyboard depth selection. | The same commerce destinations and contents; category tabs, living-room depth selection and additional photograph switching. | The same commerce destinations and contents; scroll controls the film playhead, followed by direct product rows. |
| Motion | GSAP planes assemble from different positions/depths, then counter-move on a 6.8-second yoyo. Pointer rotation acts on the image camera, while the brand stays independent. Sticky stages mask/scale as the next chapter covers them. | Independent 9/11-second photo drift, 12-second structural drift and 17-second environmental movement; depth-specific pointer amplitudes. Copper apertures and the room/intake transition drive the scene. | Native Three.js perspective camera, separated meshes and per-plane phase offsets produce continuous photographic depth. Independent canvas layers, sticky chapters and native depth selection use the same palette/easing family. | Scroll advances/reverses a Canvas2D image sequence with a scrubbed playhead, bounded frame decoding and progress state. The film viewport changes scale/angle while its surrounding chapter changes. |

## Pairwise judgment and shared foundations

The three editorial concepts have explicit differences in typography, palette, cover composition and image treatment. Navigation remains substantially shared; **do not count the same spatial menu or product-dialog flow as a separation point**. Assemblage and Perspective also share DOM/CSS perspective, a native depth carousel and GSAP. Their atmospheric composition, plane choreography and lower-page motion differ, but those differences require a visual comparison at matching conditions before awarding the fifth dimension. A renderer change alone does not establish distinctiveness.

Chromatic has a different hero renderer and photographic aperture system, but uses the same shared service and selection foundations. Its distinction must be judged through the displayed scene and choreography, not the presence of Three.js in its source. Showroom Flight is an additional interaction direction; it is not a replacement for any of the three editorial concepts and its unfinished drone film must not be counted as delivered motion.

| Pair | Source-backed distinction | Shared or unresolved boundary |
|---|---|---|
| Assemblage / Perspective | Geometric sans vs editorial serif; bright collage vs dark environment; circular/clipped photographic overlaps vs architectural copper apertures; different chapter organization. | Commerce navigation and DepthCarousel are shared. Judge whether the actual scene/chapter choreography earns a distinct motion dimension. |
| Assemblage / Chromatic | Sans collage vs high-contrast magazine typography; chartreuse/porcelain vs plum/coral; DOM image-camera scene vs photographic WebGL layers; different catalog rhythm. | Same catalog, shared menu/forms/orb and depth-selection foundation. Verify visual separation in normal motion and still screenshots. |
| Perspective / Chromatic | Environmental depth and copper structures vs masked WebGL magazine planes; Newsreader vs Bodoni Moda; petrol/apricot vs plum/coral; different room/chapter and product-index structure. | Both are editorial serif directions and share service interactions. Strong separation cannot be inferred from palette alone. |
| Showroom Flight / editorial trio | Scroll-controlled real archive image sequence and direct listing rows create a different browsing structure. | Generated drone film and product-linked camera anchors are pending; actual inventory identity in the old footage is not confirmed. |

All use the same eleven merchant product records, original full product photos and concept-only service layer. The shared orb is bespoke Three.js, but a different enamel color does not establish a separate voice system or custom vocal character. Real voice audio, microphone operation, Wix submissions and checkout are not connected.

## Verification approach

Compare all three editorial concepts at the same viewport, motion preference, pointer position and scene time. Review 3/9/15-second normal-motion evidence as well as reduced-motion stills, and operate the signature selection. Test the exact brand at all eight widths; text must remain in front and readable as photographs move. The legibility checker includes an intentionally covered heading as a negative control. Keep failures and corrections as separate evidence.

The planned quality gate remains ≥90/100 with brand fit and distinctiveness ≥9/10 and no dimension below 8. The planned separation gate remains ≥5/6 for each editorial pair. These are **targets pending visual judgment and user selection**, not scores calculated from this table or from browser tests. Performance, accessibility and journey evidence are independent functional gates.