Three real boxes, measured from the running site rather than estimated. The grid face is tall and the modal face is landscape — the civ modal is a single 900×513 card whose body already flows in two 410px columns, so an art face there is wide. The two poster mocks were not competing layouts, they were these two aspect ratios. Nothing below scrolls: every layout is a grid whose rows sum to its box.
A — hero, with the quarter taking a slice of it
Every unique is full bleed. The wonder owns the card, the quarter takes a minority slice rather than being demoted to a circle, the two figures get their own slab, and the map runs edge to edge beneath them.
grid, narrow — 279×1141
PyramidswonderNecropolisquarter
Egypt
River Production that raises Wonders faster than anyone.
MedjaymilitaryTjatycivilian
Egypt · northern Sudan
Gifts of Osiris — +2 Production on Improvements and Districts on Navigable Rivers.
grid, wide — 392×750
PyramidswonderNecropolisquarter
Egypt
River Production that raises Wonders faster than anyone.
MedjaymilitaryTjatycivilian
Egypt · northern Sudan
Gifts of Osiris — +2 Production on Improvements and Districts on Navigable Rivers.
modal — 880×415
PyramidswonderNecropolisquarter
Egypt
River Production that raises Wonders faster than anyone.
MedjaymilitaryTjatycivilian
Egypt · northern Sudan
Gifts of Osiris — +2 Production on Improvements and Districts on Navigable Rivers.
B — filmstrip
Every unique full-bleed and equal, stacked when the box is tall and sliced vertically when it is wide. Honest about the set but gives no single image room to be looked at, and a civ with two uniques reads very differently from one with four.
Gifts of Osiris — +2 Production on Improvements and Districts on Navigable Rivers.
C — stage and subnav
One image at a time, as large as the box allows, with a four-dot subnav. This is the no-scroll answer: the card never grows with the number of uniques, so two, three and four all read identically. Click the dots.
grid, narrow — 279×1141
Pyramids
wonder
Egypt · northern Sudan
Gifts of Osiris — +2 Production on Improvements and Districts on Navigable Rivers.
grid, wide — 392×750
Pyramids
wonder
Egypt · northern Sudan
Gifts of Osiris — +2 Production on Improvements and Districts on Navigable Rivers.
modal — 880×415
Pyramids
wonder
Egypt · northern Sudan
Gifts of Osiris — +2 Production on Improvements and Districts on Navigable Rivers.
Reveal on click — how much of the art you actually get
The masters are 768×768 squares and every tile crops them to a rectangle, so a large part of each image is never seen. Worse, the shipped behaviour is backwards: opening a tile drops an 87% ink panel over it, so the click that says “tell me about this picture” is the click that hides the picture. Below is the real CivArtFace — not a mock — in all four modes across the same three boxes. Click a tile in each.
note (shipped)
The control. The panel masks the vignette, so opening a tile hides the art it is describing, and a long note drops the caption entirely to fit.
Cheapest. The text rises across the lower half and the image drops its crop for the space above, so the whole 768 square is visible inside the tile. No new layer, works identically in the modal and on a phone.
The tile escapes its own box and fills the art face; the siblings go behind it. Much more art than the sheet, still no portal, so nothing has to negotiate z-index with the card modal.
The most art by a wide margin: the square lands at full size on a scrim, with the text on a rail beside it. Portalled to the body, so it clears the flip transform and an open card dialog. The largest change, and the only one that leaves the card.
One shared basemap asset, physical features only — no political boundaries of any era. Each civ contributes a centre plus two or three concentric radii, and each renders at a fixed opacity step, so the drop from heartland to claimed edge is legible rather than a soft blob. Zoom is derived from the outer band so every civ fills the same fraction of its frame, clamped so the surrounding coastline still places you.
