DEPO Demo album

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

53 demos

Connect

The Connect page — partner and free magazines, people — laid out ten ways: vertical grids and stacks, and rows that scroll sideways under the mouse wheel.

11–14 of 14

Per page 5 10 20 50

–/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