DEPO Demo album

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

53 demos

All demos

1–20 of 53

Per page 5 10 20 50

–/10 0 comments

Connect · Spotlight

demo46's Connect page with a spotlight: the card under the pointer lifts and shows city · genre · issue while the rest of its row steps back into grey, and the rows fade out at the edge where more cards wait. Same rows / grid switch, same site sizes.

Read the post Open the demo

–/10 0 comments

Connect · Frames

demo46's Connect page with a frame for every kind of card: partner issues in a gilded frame that turns and catches a sheen on hover, free magazines in a matted silver mount that warms up on hover, people in a DEPO-green ring. Same rows / grid switch, same sizes as the site.

Read the post Open the demo

–/10 0 comments

Connect · Site Rows

The dev0 Connect page as it is — banner, PARTNERS, FREE, People with the site's cards, pills and arrows — plus a rows / grid switch for the whole page: 220 partner issues in two sideways rows that always fit the screen, free magazines and people in one row each.

Read the post Open the demo

–/10 0 comments

Connect · Pinned Scroll

The Connect page with PARTNERS as a pinned scene: the page scroll slides the partner magazines sideways one spread at a time, with a big counter and ticks; then the free titles on a two-row rail and the people on a one-row rail, where the wheel scrolls the row.

Read the post Open the demo

–/10 0 comments

Connect · Wide Screens

The DEPO Connect page as cinema screens — a letterboxed banner, partners as 16:10 crops with the magazine name set huge across each card, wide FREE cards and a two-row People rail; the wheel scrolls the row under the cursor and the centred card is brighter.

Read the post Open the demo

–/10 0 comments

Connect · One Rail

The cleanest, product version of the DEPO Connect page and the reference rail engine — every section is one row (3:4 partner covers, smaller FREE cards, portraits); the wheel scrolls the row under the cursor, with quiet glass edge zones and a thin "03–06 / 56" progress line inside each row.

Read the post Open the demo

–/10 0 comments

Connect · Newsstand

The Connect page as a premium kiosk at dusk: one lamp-lit walnut shelf per partner magazine with its issues fanned on it and leaning toward the cursor, free titles on an open rack, people as paper contact cards. All wrapping grids, no sideways scrolling.

Read the post Open the demo

–/10 0 comments

Connect · Bento

The DEPO Connect page as a precise bento grid — the featured partner as a 2×2 tile with its next issues, mixed tall, wide and square tiles with glass captions, FREE as a dense six-column grid and People as a portrait bento.

Read the post Open the demo

–/10 0 comments

Connect · Cover Wall

The DEPO Connect page as a wall of all 220 partner issues in four columns that drift at different speeds as you scroll, with a sticky index of the 56 magazines beside it. Free titles follow as a quiet mosaic and the people as a staggered portrait grid.

Read the post Open the demo

–/10 0 comments

Connect · Masthead Index

The DEPO Connect page as a typographic index — one ruled row per partner magazine with its name set huge in a light serif and city, genre, year and issues in small caps; hover a row and its cover floats by the cursor while the rest dim. FREE and People are calm four-column grids.

Read the post Open the demo

–/10 0 comments

Two Keys

The fastest DEPO sign-up in the live site's look: a username and a password, the three required boxes, Quick sign-up into the limited version — or the full profile on the same page in DEPO's order, with 7 days of full access for a complete one.

Read the post Open the demo