Every page we tried for DEPO, one post each: what it is, how it was built, how it looks.
65 demos
A dark photo studio where one warm key light does all the work. In the hero it follows the pointer and reveals the colour portrait over its dim copy, with a Warm/Cool, Soft/Hard console; below, faces walk through a fixed light and each value switches on like a lit set card.
DEPO set like a luxury publisher's index. Huge Didone lists of magazines, people and roles on a cool grey ground, real covers trailing the cursor, a hovered row's picture following the pointer, and one pinned deep green chapter for the values.
The word DEPO set huge on deep green with a photograph inside its letters; scrolling flies the camera through the O until the studio picture fills the screen. Every later section opens through a round aperture, and an f-stop dial opens a role portrait.
A fashion-house split screen. A soft-white editorial panel in Bodoni Moda changes chapter as you scroll while two columns of real covers and portraits travel in opposite directions beside it; choosing a craft brings its pictures back to colour.
Thirty real magazine covers handled as paper objects in CSS 3D on deep green. A pinned pile lifts off the table, stands up and deals covers toward you while the magazine name is set huge beside each one; further down, a deck of every cover flips by drag, swipe or keys, filtered by title.
The home page as a walk through a photography exhibition of the DEPO community. Works hang at different sizes with museum labels on stone, deep green and charcoal walls that change tone room by room; the covers corridor is walked sideways, and any of the 31 works opens in a zoomable viewer.
DEPO told as a film's opening sequence on a deep green-black ground. A scope shot dollies into a close-up, the cast wipes in as full-screen portraits with their names as credits, the values are chapters, and a credits roll ends on Join DEPO. A scene strip jumps between the 15 scenes.
The home page read like an issue of DEPO. A pinned stage turns vertical scroll into sideways page turns through full-width spreads (cover, contents, six value features, credits, magazines, back cover), with photo and type parting in depth and a bar that opens the contents.
The Cover (demo5) with one change: once the site header has scrolled away, moving the pointer up towards the top of the screen pulls it back down bit by bit, and it locks in place near the top. Drop the pointer and it slides away.
The owner's favourite and the bar for every later demo. A light, editorial DEPO: a magazine cover with the DEPO masthead stays pinned while the text scrolls, and each of the six values becomes the cover line of a new issue with a community portrait as its star.
