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