mike/shopwisdom-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add social share card (og:image) across all pages + summary_large_image

Browse Source 
Brand-accurate 1200x630 OG card (ShopWisdom wordmark, navy serif headline with
amber 'doesn't have to', navy footer band). Wires og:image/twitter:image on the
homepage, Continuity Audit, and the above/below article so shared links render a
card instead of a blank preview. SVG source kept alongside. Staging branch only.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-17 11:53:19 -07:00
parent 1fd833df17
commit 457e9e94ba
5 changed files with 41 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
og-card.svg
+23
View File
@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
<!-- Shop Wisdom — social share card (1200x630). Rasterize to og-card.png to enable. -->
<rect width="1200" height="630" fill="#faf7f2"/>
<rect x="0" y="0" width="1200" height="6" fill="#e89b1c"/>
<!-- wordmark -->
<text x="80" y="120" font-family="'DM Sans', system-ui, sans-serif" font-size="34" font-weight="700" letter-spacing="1">
<tspan fill="#0f1729">Shop</tspan><tspan fill="#e89b1c">Wisdom</tspan>
</text>
<!-- eyebrow -->
<text x="82" y="280" font-family="'DM Sans', system-ui, sans-serif" font-size="21" letter-spacing="4" fill="#7a6f5d">FOR CANADIAN MANUFACTURERS &amp; PRODUCTION SHOPS</text>
<!-- headline -->
<text x="78" y="362" font-family="'DM Serif Display', Georgia, 'Times New Roman', serif" font-size="66" fill="#0f1729">Your best people are retiring.</text>
<text x="78" y="442" font-family="'DM Serif Display', Georgia, 'Times New Roman', serif" font-size="66" font-style="italic" fill="#0f1729">Their know-how <tspan fill="#e89b1c">doesn&#8217;t have to.</tspan></text>
<!-- footer band -->
<rect x="0" y="558" width="1200" height="72" fill="#0f1729"/>
<circle cx="94" cy="595" r="7" fill="#e89b1c"/>
<text x="116" y="603" font-family="'DM Sans', system-ui, sans-serif" font-size="22" letter-spacing="2" fill="#faf7f2">shopwisdom.ca</text>
<text x="1120" y="602" text-anchor="end" font-family="'DM Sans', system-ui, sans-serif" font-size="17" letter-spacing="3" fill="#9aa3b2">HOSTED IN CANADA</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB