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

OC: match reference exactly — Playfair 400 headlines, DM Sans 400 wide-tracked UI, navy #0F1729, bg #F7F4EF, small squared buttons

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-16 10:05:32 -07:00
parent 2701d617a1
commit c6a32665be
2 changed files with 93 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+14 -14
View File
@@ -8,7 +8,7 @@
<meta name="description" content="The systems are the easy part. Open Communications helps the people in your shop trust the change, share what they know, and lead through it — so the work actually sticks. The human side of ShopWisdom.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap">
<link rel="stylesheet" href="style.css">
</head>
<body>
@@ -100,25 +100,25 @@
<g fill="none" stroke="#b8836f" stroke-width="2"><polygon points="175,95 70,295 280,295" fill="rgba(184,131,111,0.07)"/></g>
<g fill="#b8836f"><circle cx="175" cy="95" r="5"/><circle cx="70" cy="295" r="5"/><circle cx="280" cy="295" r="5"/></g>
<g text-anchor="middle" font-family="'DM Sans',sans-serif">
<text x="175" y="70" fill="#1f1c1a" font-size="16" font-weight="700">Rescuer</text>
<text x="175" y="86" fill="#6b655c" font-size="12.5">swoops in, burns out</text>
<text x="70" y="320" fill="#1f1c1a" font-size="16" font-weight="700">Victim</text>
<text x="70" y="336" fill="#6b655c" font-size="12.5">&#8220;nothing I can do&#8221;</text>
<text x="280" y="320" fill="#1f1c1a" font-size="16" font-weight="700">Villain</text>
<text x="280" y="336" fill="#6b655c" font-size="12.5">the one who gets blamed</text>
<text x="175" y="70" fill="#0f1729" font-size="16" font-weight="700">Rescuer</text>
<text x="175" y="86" fill="#4a5468" font-size="12.5">swoops in, burns out</text>
<text x="70" y="320" fill="#0f1729" font-size="16" font-weight="700">Victim</text>
<text x="70" y="336" fill="#4a5468" font-size="12.5">&#8220;nothing I can do&#8221;</text>
<text x="280" y="320" fill="#0f1729" font-size="16" font-weight="700">Villain</text>
<text x="280" y="336" fill="#4a5468" font-size="12.5">the one who gets blamed</text>
<text x="175" y="362" fill="#b8836f" font-size="12.5" font-weight="700" letter-spacing="1.5">BELOW THE LINE</text>
</g>
<g stroke="#e89b1c" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M330,200 L432,200"/><path d="M420,191 L434,200 L420,209"/></g>
<text x="381" y="186" text-anchor="middle" fill="#6b655c" font-size="12.5" font-family="'DM Sans',sans-serif">we move teams</text>
<text x="381" y="186" text-anchor="middle" fill="#4a5468" font-size="12.5" font-family="'DM Sans',sans-serif">we move teams</text>
<g fill="none" stroke="#e89b1c" stroke-width="2"><polygon points="595,95 490,295 700,295" fill="rgba(232,155,28,0.10)"/></g>
<g fill="#e89b1c"><circle cx="595" cy="95" r="5"/><circle cx="490" cy="295" r="5"/><circle cx="700" cy="295" r="5"/></g>
<g text-anchor="middle" font-family="'DM Sans',sans-serif">
<text x="595" y="70" fill="#1f1c1a" font-size="16" font-weight="700">Coach</text>
<text x="595" y="86" fill="#6b655c" font-size="12.5">builds people up</text>
<text x="490" y="320" fill="#1f1c1a" font-size="16" font-weight="700">Creator</text>
<text x="490" y="336" fill="#6b655c" font-size="12.5">owns the outcome</text>
<text x="700" y="320" fill="#1f1c1a" font-size="16" font-weight="700">Challenger</text>
<text x="700" y="336" fill="#6b655c" font-size="12.5">calls it straight</text>
<text x="595" y="70" fill="#0f1729" font-size="16" font-weight="700">Coach</text>
<text x="595" y="86" fill="#4a5468" font-size="12.5">builds people up</text>
<text x="490" y="320" fill="#0f1729" font-size="16" font-weight="700">Creator</text>
<text x="490" y="336" fill="#4a5468" font-size="12.5">owns the outcome</text>
<text x="700" y="320" fill="#0f1729" font-size="16" font-weight="700">Challenger</text>
<text x="700" y="336" fill="#4a5468" font-size="12.5">calls it straight</text>
<text x="595" y="362" fill="#c47f12" font-size="12.5" font-weight="700" letter-spacing="1.5">ABOVE THE LINE</text>
</g>
</svg>