Website promos
Campaign images for piercelaw.com: a full-width promo hero for landing and service pages, and a slim strip that announces an event across the top of the site. Each comes in Minimal, Accent, and Bold. Both follow the page layout rules in Layout.
Promo hero · 1920 × 800
The hero image scales with the browser and crops at the sides on smaller screens. Turn on guides to see the hatched 240px side bands. Copy and the button stay inside the centre 1440px. Only the photo may run into the bands.
A plan your family can actually use.
Wills, trusts, and powers of attorney in plain language, from a Raleigh firm that knows your family by name.
Book a free consultationQuiet and correspondence-grade. Paper does the work; the brand is a signature, not a statement. A framed photo offset by a gold keyline, on ivory.
A plan your family can actually use.
Wills, trusts, and powers of attorney in plain language, from a Raleigh firm that knows your family by name.
Recognizably Pierce at arm’s length. A navy or gold band frames ivory content. The navy band carries the button and the phone number, matching the webinar hero.
A plan your family can actually use.
Wills, trusts, and powers of attorney in plain language, from a Raleigh firm that knows your family by name.
Book a free consultationFull-bleed navy with gold ink, and full-bleed photography where the format has room. For rooms, not envelopes. The family on the porch sits to the right of the copy, clear of the scrim’s solid end.
Promo strip · 1440 × 120
A one-line announcement across the top of the site while a campaign runs. Build it in HTML on the site from the link, pill, and button styles in Components, so it reflows on phones, stays readable to screen readers, and the link works. The image below is only a fallback, for places that accept nothing but an image.
Wills vs. trusts, explained.
Wills vs. trusts, explained.
Wills vs. trusts, explained.
Specification
| Asset | Size | Safe area | File |
|---|---|---|---|
| Website promo hero | 1920 × 800 | 96px, plus 240px crop bands left and right | WebP or JPG, under 300 KB |
| Website promo strip | 1440 × 120 | 24px | HTML preferred; WebP fallback |
Rules
| Rule | Why |
|---|---|
| Live text over baked-in text | On the site, set the headline, subhead, and button as HTML over the photo, and export the photo and scrim alone. These templates show the finished look. Bake the text in only where the image is used off the site. |
| One button | “Book a free consultation” on the hero, “Register free” on the strip. No secondary link. |
| Same words as the campaign | The hero uses the offer headline and the strip uses the webinar short headline, word for word, from the shared campaign copy. |
| Alt text | When text is baked in, the alt text repeats it. When the text is live HTML, the photo is decorative and takes an empty alt. |
| Remove the strip after the event | A strip announcing a past date is worse than none. |