DEPO Demo album

Every page we tried for DEPO, one post each: what it is, how it was built, how it looks.

65 demos

All demos

41–60 of 65

Per page 5 10 20 50

–/10 1 comment

The Deck, Real Paths

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.

Read the post Open the demo

–/10 0 comments

The 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.

Read the post Open the demo

–/10 0 comments

Orbit

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.

Read the post Open the demo

–/10 0 comments

Turn the page

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.

Read the post Open the demo

–/10 0 comments

The Wall assembles

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.

Read the post Open the demo

–/10 0 comments

Studio light

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.

Read the post Open the demo

–/10 0 comments

The Index

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.

Read the post Open the demo

–/10 0 comments

Through the lens

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.

Read the post Open the demo

–/10 0 comments

Split

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.

Read the post Open the demo

–/10 0 comments

The Stack

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.

Read the post Open the demo

–/10 0 comments

The Exhibition

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.

Read the post Open the demo

–/10 0 comments

Cinematic

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.

Read the post Open the demo

–/10 0 comments

The Issue

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.

Read the post Open the demo

–/10 0 comments

The Cover

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.

Read the post Open the demo