Raster
The DEPO calendar as a Swiss poster: off-white, black 2px rules, one red, Archivo from condensed to normal, numbered views 01–06 and a giant date in the corner. Every event sits on a 15-minute raster.
Every page we tried for DEPO, one post each: what it is, how it was built, how it looks.
65 demos
The DEPO calendar as a Swiss poster: off-white, black 2px rules, one red, Archivo from condensed to normal, numbered views 01–06 and a giant date in the corner. Every event sits on a 15-minute raster.
The DEPO calendar beside a magazine cover: the photo, the magazine name and the cover line change with the month; the year view is twelve covers with their days. Pale green-grey, Schibsted Grotesk 900, lime accents; 15-minute events.
The DEPO calendar in a darkroom: near-black, safelight red that follows the pointer, JetBrains Mono numerals, glowing event bars and a ticker of what is next. Hours, day, week, month, three months and year; 15-minute events you drag.
The DEPO calendar as a printed almanac: warm paper, Fraunces numerals and hairlines, a left rail with the small month, event types and what is coming up. Six views from hours to year; every event moves in 15-minute steps.
The live DEPO header and footer with two empty screens between them, so nothing covers the site's animated background — soft green spots that fade in, drift to new places and fade out. Every setting of the animation is exposed and documented, with live controls at ?tune.
The second version of demo18. Every page has its own address (/demo19/gallery, /demo19/contact-us) and is rendered by PHP for a first visit or a search engine; moving inside the site fetches only the next page's block and plays one of three transitions — drop, side or deck.
The whole DEPO site as one page that never reloads. The header stays put; every opened menu page becomes a slide in a horizontal deck, the old one slides off to the left, and pages already opened keep their scroll. The address changes (?p=gallery) and Back / Forward move the deck.
The community as a constellation on a dark forest ground. Portraits and magazine covers circle the DEPO eye on two tilted rings that follow the pointer and the scroll, then unwrap into a grid of people. Choosing a role turns a second orbit; the close is a ring of faces.
The hero is an open DEPO issue on a deep green ground. Its 18 pages turn in 3D by click, drag, swipe, arrow keys or the contents page, and the first pages turn by themselves as you start scrolling. Below it, faces in parallax columns, a role chooser and the closing call.
Thirty real magazine covers start scattered in 3D around the headline and fly into one wall as you scroll. The wall filters by magazine, then the camera dives into one cover, which becomes the ground of the next chapter. Warm stone, deep green, Bricolage Grotesque.
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.