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

Add social share card (og:image) + summary_large_image

Browse Source 
Brand-accurate 1200x630 OG card (paper bg, navy serif headline, amber accent,
navy footer band). Wires og:image/twitter:image so shared links render a card
on LinkedIn/iMessage/Slack instead of a blank preview. SVG source kept alongside.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-17 11:52:01 -07:00
parent 1f2e84658d
commit 2113694308
3 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/og-card.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

assets/og-card.svg
+21
View File
@@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
<!-- Open Communications — social share card (1200x630). Rasterize to og-card.png to enable. -->
<rect width="1200" height="630" fill="#f5f2ec"/>
<rect x="0" y="0" width="1200" height="6" fill="#e89b1c"/>
<!-- wordmark -->
<text x="80" y="118" font-family="'DM Sans', system-ui, sans-serif" font-size="29" letter-spacing="7" font-weight="600" fill="#0f1729">OPEN COMMUNICATIONS</text>
<!-- eyebrow -->
<text x="82" y="292" font-family="'DM Sans', system-ui, sans-serif" font-size="22" letter-spacing="4" fill="#7a6f5d">THE HUMAN SIDE OF CHANGE</text>
<!-- headline -->
<text x="78" y="378" font-family="'DM Serif Display', Georgia, 'Times New Roman', serif" font-size="86" fill="#0f1729">The systems are the</text>
<text x="78" y="470" font-family="'DM Serif Display', Georgia, 'Times New Roman', serif" font-size="86" font-style="italic" fill="#e89b1c">easy part.</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="#f5f2ec">opencommunications.consulting</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">CHANGE THAT STICKS · CANADA</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

index.html
+6 -1
View File
@@ -19,9 +19,14 @@
<meta property="og:description" content="The human side of change for Canadian manufacturers. We help your people trust the change, share what they know, and lead through it — so the work actually sticks.">
<meta property="og:url" content="https://www.opencommunications.consulting/">
<meta property="og:locale" content="en_CA">
<meta name="twitter:card" content="summary">
<meta property="og:image" content="https://www.opencommunications.consulting/assets/og-card.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Open Communications — the systems are the easy part. The human side of change.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Open Communications — the human side of change">
<meta name="twitter:description" content="The human side of change for Canadian manufacturers. The people side of ShopWisdom.">
<meta name="twitter:image" content="https://www.opencommunications.consulting/assets/og-card.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",