Hero library · collage
Headline with stickers
hero.collage-sticker: any design can use this hero. It suits the styles below; pairing it with another style makes the picker warn about a clash.
- Rule
- A huge headline in 1–10 with stickers slapped on it: a tilted accent label overlapping its end (10–12), a star in 1–2 and a second tilted accent2 label in 9–11; subhead + CTA in 3–7.
- Slots
headline, meta, subhead, cta, eyebrow- Grid
- headline
1-10 · sticker1 10-12 · star 1-2 · copy 3-7 · sticker2 9-11 - Notes
- Stickers are short words (New, Free, Since 1998) on solid accent fills, rotated −8° to 10°, with the style's border if it has one. Later items paint above the headline. Stickers may wobble once on hover; nothing loops.
Do
- Set the headline at step 8, heavy, across 1–10 and two rows.
- Slap two stickers on it: solid accent / accent2 fills, short uppercase words, rotated in opposite directions.
- Let the first sticker overlap the end of the headline.
- Add one star shape on the left of the copy row.
Don't
- Don't use more than two text stickers and one shape.
- Don't put essential information only on a sticker.
- Don't let a sticker cover more than one letter of the headline.
Phone width
- Headline at step 6, the first sticker under it, then subhead and CTA; hide the star.
Try this hero in the pickerllms.txt