Cover seams

Three full-bleed core/cover photographs stacked edge to edge, each a chapter of one day, and a numbered plate on every seam: eyebrow, x-large heading, one line of copy. No type touches a photograph.

Each plate is pulled up by clamp(-10rem, -9vw, -6rem) so it sits half on one photograph and half on the next, alternating left, right, left; the third plate steps off the last photograph onto a band of your theme's paper. The plates join the photographs instead of sitting inside any one of them.

Inherits every colour, the typeface and the spacing scale. Decides the lap depth, the photograph heights (the first a 40rem floor, the others the space under each plate), a 36rem plate on a 1240px measure, and the alternation.

A cover clips its overflow and its photograph is a positioned layer, so a plate lapped across two SIBLING covers is either cut off or painted under the next photograph. So the third cover holds the second, the second holds the first, and each plate is a later sibling of the cover above its seam, inside the inner container of the cover below it. The plates are covers too (a 100% veil, no image): a plain group is not positioned and paints under the photograph it laps.

Every word is on a plate: contrast under base type, or the inverse, so each pair is the theme's own body pair at full strength in every check theme. The photographs carry no veil and no text. Headings are on the theme's ladder (x-large, their job is hierarchy); copy is medium at 1.55.

The three photographs: select a cover and choose Replace. Then the plates' copy; keep each heading to two lines at 390.

variations/buttercream-and-copper.html states its own colours and faces: deep brown plates (#3a261b) either side of a buttercream one (#f4e9cc), the page below buttercream, and copper chapter labels, a light copper (#d08a55) on the brown and a deep copper (#8f4a22) on the buttercream so each passes AA. A Didot stack (Bodoni MT, Big Caslon, Georgia) sets the headings over Gill Sans.

The copied markup includes WordPress Photo Directory example photographs. The public image URLs keep the examples visible after pasting. Select a cover and choose Replace to use your own Media Library files. See image credits for the sources and licenses.