SPINE. Built from one prompt.

Build a one-screen page for independent book fair "SPINE" with React + Tailwind. Paper #f6f2e9, ink #191410. Layout AS shelves: three thick horizontal rules; standing on each shelf, rows of CSS book spines (thin tall divs, widths 10-26px, heights 90-140px, in muted spot colors #b3402a/#2b5e4f/#28425e/#8a6d2f/#1a1a1a, a few leaning at 6°). Random spines carry vertical micro-labels (writing-mode: vertical-rl, 8px) like "POEMS", "RIOT", "SOUP". On hover a spine pulls out 8px. Between shelves, event copy in "Space Grotesk": "SPINE — 90 SMALL PRESSES, ZERO ALGORITHMS", "MAR 21-22 — OLD PRINTWORKS", "PANELS: 'SELLING 200 COPIES AND MEANING IT'". Shelf three holds the CTA as a fat golden book spine reading "TICKETS €4" that wobbles when hovered.

bookfairshelves