Tile
A bordered image, a small id, a title over a thick rule, and a line of description.
Stipulations
- Title is sentence case in Bold No. 2 (see Typography · Case).
- Title turns the accent on hover; image scales to 1.04.
- Three across on desktop, two on tablet, one on phones with an 80px gap.
Site variations
| Site | Variation | Why |
|---|---|---|
| Art Dept | Square art box, title + price on one line, link label below | Products need a price. |
| jonesco.com | 4:3 art, case-study number above the title | Case studies are numbered. |