Mediusa/mediusa-clinic-os
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(branding): use authentic +M blue squircle logo for favicon suite and social share preview

Browse Source
This commit is contained in:
Mediusa
2026-09-09 21:36:56 -07:00
parent 855a54cc49
commit d4bd77ba04
20 changed files with 11 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/apple-touch-icon.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

public/brand/mediusa-mark.svg
+2 -26
View File
@@ -1,28 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<defs>
<linearGradient id="medGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0a1d3d"/>
<stop offset="100%" stop-color="#040915"/>
</linearGradient>
<filter id="medGlow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="0" stdDeviation="3.5" flood-color="#00b4f8" flood-opacity="0.8"/>
</filter>
</defs>
<!-- Squircle container -->
<rect x="7" y="7" width="86" height="86" rx="26" fill="url(#medGrad)" stroke="#00b4f8" stroke-width="5" filter="url(#medGlow)"/>
<!-- Hospital Cross Silhouette -->
<rect x="42" y="20" width="16" height="60" rx="5" fill="#00b4f8" opacity="0.18"/>
<rect x="20" y="42" width="60" height="16" rx="5" fill="#00b4f8" opacity="0.18"/>
<!-- Medical Plus Badge -->
<rect x="25" y="24" width="14" height="4.5" rx="2" fill="#38bdf8"/>
<rect x="29.75" y="19.25" width="4.5" height="14" rx="2" fill="#38bdf8"/>
<!-- Bold White M Monogram -->
<path d="M 27 73 L 27 43 L 50 61 L 73 43 L 73 73"
fill="none"
stroke="#ffffff"
stroke-width="8"
stroke-linecap="round"
stroke-linejoin="round"/>
<!-- Center pulse accent dot -->
<circle cx="50" cy="38" r="4.5" fill="#00b4f8" filter="url(#medGlow)"/>
<rect width="100" height="100" rx="22" fill="#0369a1"/>
<text x="50" y="67" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" font-weight="900" font-size="54" fill="#ffffff" text-anchor="middle" letter-spacing="-2.5px">+M</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 382 B

public/favicon-16x16.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 813 B

After

Width:  |  Height:  |  Size: 698 B

public/favicon-32x32.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

public/favicon-48x48.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

public/favicon.ico
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

public/favicon.svg
+2 -26
View File
@@ -1,28 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<defs>
<linearGradient id="medGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0a1d3d"/>
<stop offset="100%" stop-color="#040915"/>
</linearGradient>
<filter id="medGlow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="0" stdDeviation="3.5" flood-color="#00b4f8" flood-opacity="0.8"/>
</filter>
</defs>
<!-- Squircle container -->
<rect x="7" y="7" width="86" height="86" rx="26" fill="url(#medGrad)" stroke="#00b4f8" stroke-width="5" filter="url(#medGlow)"/>
<!-- Hospital Cross Silhouette -->
<rect x="42" y="20" width="16" height="60" rx="5" fill="#00b4f8" opacity="0.18"/>
<rect x="20" y="42" width="60" height="16" rx="5" fill="#00b4f8" opacity="0.18"/>
<!-- Medical Plus Badge -->
<rect x="25" y="24" width="14" height="4.5" rx="2" fill="#38bdf8"/>
<rect x="29.75" y="19.25" width="4.5" height="14" rx="2" fill="#38bdf8"/>
<!-- Bold White M Monogram -->
<path d="M 27 73 L 27 43 L 50 61 L 73 43 L 73 73"
fill="none"
stroke="#ffffff"
stroke-width="8"
stroke-linecap="round"
stroke-linejoin="round"/>
<!-- Center pulse accent dot -->
<circle cx="50" cy="38" r="4.5" fill="#00b4f8" filter="url(#medGlow)"/>
<rect width="100" height="100" rx="22" fill="#0369a1"/>
<text x="50" y="67" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" font-weight="900" font-size="54" fill="#ffffff" text-anchor="middle" letter-spacing="-2.5px">+M</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 382 B

public/icon-192.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

public/icon-512.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 20 KiB

public/icon.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 20 KiB

public/icon.svg
+2 -26
View File
@@ -1,28 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<defs>
<linearGradient id="medGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0a1d3d"/>
<stop offset="100%" stop-color="#040915"/>
</linearGradient>
<filter id="medGlow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="0" stdDeviation="3.5" flood-color="#00b4f8" flood-opacity="0.8"/>
</filter>
</defs>
<!-- Squircle container -->
<rect x="7" y="7" width="86" height="86" rx="26" fill="url(#medGrad)" stroke="#00b4f8" stroke-width="5" filter="url(#medGlow)"/>
<!-- Hospital Cross Silhouette -->
<rect x="42" y="20" width="16" height="60" rx="5" fill="#00b4f8" opacity="0.18"/>
<rect x="20" y="42" width="60" height="16" rx="5" fill="#00b4f8" opacity="0.18"/>
<!-- Medical Plus Badge -->
<rect x="25" y="24" width="14" height="4.5" rx="2" fill="#38bdf8"/>
<rect x="29.75" y="19.25" width="4.5" height="14" rx="2" fill="#38bdf8"/>
<!-- Bold White M Monogram -->
<path d="M 27 73 L 27 43 L 50 61 L 73 43 L 73 73"
fill="none"
stroke="#ffffff"
stroke-width="8"
stroke-linecap="round"
stroke-linejoin="round"/>
<!-- Center pulse accent dot -->
<circle cx="50" cy="38" r="4.5" fill="#00b4f8" filter="url(#medGlow)"/>
<rect width="100" height="100" rx="22" fill="#0369a1"/>
<text x="50" y="67" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" font-weight="900" font-size="54" fill="#ffffff" text-anchor="middle" letter-spacing="-2.5px">+M</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 382 B

public/og-image.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 288 KiB

public/twitter-image.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 288 KiB

src/app/apple-icon.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

src/app/favicon.ico
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

src/app/icon.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 20 KiB

src/app/icon.svg
+2 -26
View File
@@ -1,28 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<defs>
<linearGradient id="medGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0a1d3d"/>
<stop offset="100%" stop-color="#040915"/>
</linearGradient>
<filter id="medGlow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="0" stdDeviation="3.5" flood-color="#00b4f8" flood-opacity="0.8"/>
</filter>
</defs>
<!-- Squircle container -->
<rect x="7" y="7" width="86" height="86" rx="26" fill="url(#medGrad)" stroke="#00b4f8" stroke-width="5" filter="url(#medGlow)"/>
<!-- Hospital Cross Silhouette -->
<rect x="42" y="20" width="16" height="60" rx="5" fill="#00b4f8" opacity="0.18"/>
<rect x="20" y="42" width="60" height="16" rx="5" fill="#00b4f8" opacity="0.18"/>
<!-- Medical Plus Badge -->
<rect x="25" y="24" width="14" height="4.5" rx="2" fill="#38bdf8"/>
<rect x="29.75" y="19.25" width="4.5" height="14" rx="2" fill="#38bdf8"/>
<!-- Bold White M Monogram -->
<path d="M 27 73 L 27 43 L 50 61 L 73 43 L 73 73"
fill="none"
stroke="#ffffff"
stroke-width="8"
stroke-linecap="round"
stroke-linejoin="round"/>
<!-- Center pulse accent dot -->
<circle cx="50" cy="38" r="4.5" fill="#00b4f8" filter="url(#medGlow)"/>
<rect width="100" height="100" rx="22" fill="#0369a1"/>
<text x="50" y="67" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" font-weight="900" font-size="54" fill="#ffffff" text-anchor="middle" letter-spacing="-2.5px">+M</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 382 B

src/app/opengraph-image.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 288 KiB

src/app/page.tsx
+3 -17
View File
@@ -617,23 +617,9 @@ export default function Home() {
{/* Left Cluster: Hospital Brand & Clinic Identity */}
<div className="flex items-center gap-2.5 shrink-0">
<div className="flex items-center gap-2">
<div className="w-8 h-8 shrink-0 rounded-lg overflow-hidden shadow-xs">
<svg viewBox="0 0 100 100" className="w-full h-full">
<defs>
<linearGradient id="navMedGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stopColor="#0a1d3d"/>
<stop offset="100%" stopColor="#040915"/>
</linearGradient>
</defs>
<rect x="7" y="7" width="86" height="86" rx="26" fill="url(#navMedGrad)" stroke="#00b4f8" strokeWidth="5"/>
<rect x="42" y="20" width="16" height="60" rx="5" fill="#00b4f8" opacity="0.18"/>
<rect x="20" y="42" width="60" height="16" rx="5" fill="#00b4f8" opacity="0.18"/>
<rect x="25" y="24" width="14" height="4.5" rx="2" fill="#38bdf8"/>
<rect x="29.75" y="19.25" width="4.5" height="14" rx="2" fill="#38bdf8"/>
<path d="M 27 73 L 27 43 L 50 61 L 73 43 L 73 73" fill="none" stroke="#ffffff" strokeWidth="8" strokeLinecap="round" strokeLinejoin="round"/>
<circle cx="50" cy="38" r="4.5" fill="#00b4f8"/>
</svg>
</div>
<span className="w-8 h-8 rounded-lg bg-sky-700 flex items-center justify-center font-black text-xs text-white shadow-xs">
+M
</span>
<div>
<div className="text-xs font-black tracking-tight text-slate-900 flex items-center gap-1.5">
<span>MEDIUSA CLINIC OS</span>
src/app/twitter-image.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 288 KiB