A built component rather than a baked image — the headline stays selectable text, the CTA stays a real button wired to the demo modal, and the photographs lazy-load. Three portrait images are cut into angled slices by a single shared offset so they read as cut from one sheet. The panel stays dark in both light and dark themes because it is a photographic object and a dark band closing a light page reads as a deliberate full stop.
Also called: blog CTA · call to action · convert readers · post footer
- 1One CSS custom property drives the diagonal on every slice and on the brand corner, so the shapes stay consistent.
- 2The cut is a clip-path on a wrapper, never a skew on the photo — skewing leans the buildings.
- 3The primary action opens the demo modal in place with a per-post event name; the secondary is a link to how-it-works.
- 4Images are stored in the platform's own media bucket so the URLs can't rot, and each carries real alt text.
The component states what it replaced: "It used to be a plain bordered box with a button in it — correct, and completely forgettable at the exact moment a reader has just finished 1,700 words and is most persuadable." It is a component rather than an image on purpose: "A flattened JPEG would cost all three" — selectable text, a working button, and lazy-loaded photos. The images are deliberately "the WORK, not the software: a barndominium at dusk, the room it makes inside, and the shop that pays for a builder's year… what should linger is what they could put up."
- The end-of-post CTA was forgettable at the highest-intent moment.
- A baked banner image would break text selection, the button and lazy loading.
See it on your own jobs
Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.
or keep browsing features →