Hero library · collage
Polaroid row
hero.collage-polaroid: any design can use this hero. It suits the styles below; pairing it with another style makes the picker warn about a clash.
- Rule
- Copy in 1–5; three instant-photo prints overlap in 6–12 on staggered rows: print one in 1–6 of that area, print two lower in 5–10 on top of it, print three high in 8–12. Each is a square photo on a surface-coloured card with a short handwritten-style caption.
- Slots
eyebrow, headline, subhead, cta, gallery1, caption1, gallery2, caption2, gallery3, caption3- Grid
- copy
1-5 · prints 6-12 - Notes
- Each print: square image, thicker bottom margin with a short caption. Alternate rotation (−4°, 3°, −2°) in the real build and let neighbours overlap by a third; prints may lift slightly on hover. At phone width keep two prints overlapping and drop the third.
Do
- Overlap three prints in 6–12 on staggered rows (one low in the middle, two higher at the sides): square photo, surface-coloured border, thicker bottom margin with a short caption.
- Tilt prints alternately by small angles (−4° to 5°) and let neighbours overlap by about a third.
- Keep the copy column (1–5) straight and calm against the prints.
Don't
- Don't tilt the copy column.
- Don't use drop shadows heavier than the style allows.
- Don't line the prints up in a straight row — the stagger is the pattern.
Phone width
- Copy first, then two overlapping prints at full width; drop the third.
Try this hero in the pickerllms.txt