Work Grid
Staggered grid of projects, with alternating tall cards, photo, title, details and zoom
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
An architecture firm's portfolio
Two columns with tall cards (4:5) alternating with horizontal ones (4:3): the grid becomes staggered; serif headings, monospace meta and a photo zoom on hover.
03
A boutique's new collection
Three columns of vertical 3:4 photos with no description: the meta becomes the price; small bold headings on a white background.
04
The retro-computing museum, stamp-sized
Four dense square columns, monospace headings, one line of description: a catalog of pieces on a background of squares, no zoom.
05
A travel magazine, one story per row
A single column with panoramic 21:9 photos, large headings and a long description: a magazine page inside a light frame with generous padding.
The village above the lake
No. 14 — LazioTwo hours on foot among fourteenth-century walls and terraced gardens: where to stop, what to taste.
Museums that look like sculptures
No. 14 — WorldFrom Bilbao to Niterói, five buildings where the architecture is the first work on display.
06
Upcoming projects, no photos
Without images the tile draws a striped box with the project's label: here light stripes and text on a blue background, 16:10 proportions.




