jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: centralize frontend branding

Browse Source
This commit is contained in:
Jonathan Bourdon
2026-05-06 14:27:09 -04:00
parent dc9a980958
commit 5c0e40db7e
14 changed files with 272 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/public/images/brand/auth-illustration.svg Normal file
View File

@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 240" role="img" aria-labelledby="title">
<title id="title">Socialize brand illustration</title>
<defs>
<linearGradient id="brand-gradient" x1="102" y1="52" x2="324" y2="194" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ff8a3d"/>
<stop offset="1" stop-color="#ef4444"/>
</linearGradient>
</defs>
<rect width="420" height="240" rx="36" fill="#fbfaf6"/>
<rect x="58" y="44" width="304" height="152" rx="30" fill="#f4f6f3" stroke="#c7d2cc"/>
<rect x="82" y="68" width="112" height="104" rx="28" fill="url(#brand-gradient)"/>
<path d="M113 137c5.7 5.8 13.2 8.8 22.5 8.8 10.4 0 16.3-3.4 16.3-9.4 0-5.2-4.4-7.4-16-9.1-15.2-2.3-24.2-7.8-24.2-20.2 0-12.1 10.4-20.3 25.5-20.3 10.9 0 19.2 3.3 25.4 10.1l-9.6 8.9c-4.2-4.3-9.4-6.5-15.7-6.5-6.9 0-10.7 2.7-10.7 7.2 0 4.4 4.4 6.4 15.2 8 15.9 2.4 24.6 8.5 24.6 21.1 0 13.6-11 22-29.4 22-12.8 0-23-4-30.2-12z" fill="#fffaf2"/>
<path d="M224 86h72" stroke="#172033" stroke-width="12" stroke-linecap="round"/>
<path d="M224 118h112" stroke="#2fa58d" stroke-width="12" stroke-linecap="round"/>
<path d="M224 150h84" stroke="#ff8a3d" stroke-width="12" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

11
frontend/public/images/brand/logo-mark.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" role="img" aria-labelledby="title">
<title id="title">Socialize mark</title>
<defs>
<linearGradient id="brand-gradient" x1="16" y1="12" x2="82" y2="88" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ff8a3d"/>
<stop offset="1" stop-color="#ef4444"/>
</linearGradient>
</defs>
<rect width="96" height="96" rx="28" fill="url(#brand-gradient)"/>
<path d="M31 61.5c3.9 4.3 9.3 6.5 16.2 6.5 7.8 0 12.4-2.7 12.4-7.3 0-4.1-3.4-5.9-12.2-7.2-12.1-1.8-19-6.2-19-16.1 0-9.7 8.2-16.4 20.2-16.4 8.7 0 15.3 2.7 20.3 8.2l-8.3 8c-3.3-3.5-7.5-5.2-12.5-5.2-5.4 0-8.3 2.1-8.3 5.6 0 3.6 3.4 5.1 11.9 6.4 12.7 1.9 19.5 6.8 19.5 16.8 0 11-8.8 17.8-23.4 17.8-10.2 0-18.3-3.2-24.2-9.7z" fill="#fffaf2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 791 B

12
frontend/public/images/brand/logo.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 96" role="img" aria-labelledby="title">
<title id="title">Socialize</title>
<defs>
<linearGradient id="brand-gradient" x1="16" y1="12" x2="82" y2="88" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ff8a3d"/>
<stop offset="1" stop-color="#ef4444"/>
</linearGradient>
</defs>
<rect width="96" height="96" rx="28" fill="url(#brand-gradient)"/>
<path d="M31 61.5c3.9 4.3 9.3 6.5 16.2 6.5 7.8 0 12.4-2.7 12.4-7.3 0-4.1-3.4-5.9-12.2-7.2-12.1-1.8-19-6.2-19-16.1 0-9.7 8.2-16.4 20.2-16.4 8.7 0 15.3 2.7 20.3 8.2l-8.3 8c-3.3-3.5-7.5-5.2-12.5-5.2-5.4 0-8.3 2.1-8.3 5.6 0 3.6 3.4 5.1 11.9 6.4 12.7 1.9 19.5 6.8 19.5 16.8 0 11-8.8 17.8-23.4 17.8-10.2 0-18.3-3.2-24.2-9.7z" fill="#fffaf2"/>
<text x="126" y="61" fill="#172033" font-family="Inter, Arial, sans-serif" font-size="35" font-weight="900" letter-spacing="6">SOCIALIZE</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 933 B