leproide/forgium-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design(logo): serveurs plus hauts, collés avec séparation arrondie visible et F situé à droite

Browse source
This commit is contained in:
Mathias 2026-09-09 21:22:54 +02:00
parent cecd5b7046
commit d6205f5f04
1 changed files with 34 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
site-web/logo-forgium-v2.svg
View file

@ -1,32 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54" width="54" height="54" fill="none"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none">
<defs> <defs>
<linearGradient id="stackGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <!-- Dégradé Signature Forgium -->
<linearGradient id="serverGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#38bdf8"/> <stop offset="0%" stop-color="#38bdf8"/>
<stop offset="100%" stop-color="#1d4ed8"/> <stop offset="100%" stop-color="#1e40af"/>
</linearGradient> </linearGradient>
<filter id="neon" x="-20%" y="-20%" width="140%" height="140%"> <linearGradient id="fGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<feDropShadow dx="0" dy="0" stdDeviation="2" flood-color="#38bdf8" flood-opacity="0.5"/> <stop offset="0%" stop-color="#38bdf8"/>
<stop offset="100%" stop-color="#60a5fa"/>
</linearGradient>
<!-- Lueur néon subtile -->
<filter id="neonGlow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="0" stdDeviation="2.5" flood-color="#38bdf8" flood-opacity="0.45"/>
</filter> </filter>
</defs> </defs>
<!-- SERVEUR 1 (HAUT) --> <!-- 1. SERVEUR DU HAUT (Plus haut, collé, coins arrondis bien visibles) -->
<rect x="6" y="8" width="42" height="7" rx="3.5" fill="url(#stackGrad)" fill-opacity="0.3" stroke="#38bdf8" stroke-width="2"/> <rect x="6" y="8" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.3" stroke="#38bdf8" stroke-width="2"/>
<circle cx="12" cy="11.5" r="1.5" fill="#38bdf8" filter="url(#neon)"/> <!-- LEDs d'activité -->
<circle cx="17" cy="11.5" r="1.5" fill="#60a5fa"/> <circle cx="13" cy="14.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/>
<circle cx="20" cy="14.5" r="1.5" fill="#60a5fa"/>
<line x1="32" y1="14.5" x2="40" y2="14.5" stroke="#38bdf8" stroke-width="1.8" stroke-linecap="round" stroke-opacity="0.5"/>
<!-- SERVEUR 2 (MILIEU) --> <!-- 2. SERVEUR DU MILIEU (Collé au premier, hauteur renforcée) -->
<rect x="6" y="19" width="42" height="7" rx="3.5" fill="url(#stackGrad)" fill-opacity="0.4" stroke="#38bdf8" stroke-width="2"/> <rect x="6" y="21" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.45" stroke="#38bdf8" stroke-width="2"/>
<circle cx="12" cy="22.5" r="1.5" fill="#38bdf8" filter="url(#neon)"/> <circle cx="13" cy="27.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/>
<circle cx="17" cy="22.5" r="1.5" fill="#60a5fa"/> <circle cx="20" cy="27.5" r="1.5" fill="#60a5fa"/>
<line x1="32" y1="27.5" x2="40" y2="27.5" stroke="#38bdf8" stroke-width="1.8" stroke-linecap="round" stroke-opacity="0.5"/>
<!-- SERVEUR 3 (BAS) QUI FORME LE 'F' MAJESTUEUX --> <!-- 3. SERVEUR DU BAS (Collé au milieu, se termine à droite par un F stylisé) -->
<!-- Barre haute du F (le 3e serveur) --> <rect x="6" y="34" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.6" stroke="#38bdf8" stroke-width="2"/>
<rect x="6" y="30" width="42" height="7" rx="3.5" fill="url(#stackGrad)" stroke="#38bdf8" stroke-width="2"/> <circle cx="13" cy="40.5" r="2" fill="#ffffff" filter="url(#neonGlow)"/>
<circle cx="12" cy="33.5" r="1.5" fill="#ffffff" filter="url(#neon)"/> <circle cx="20" cy="40.5" r="1.5" fill="#38bdf8"/>
<!-- Colonne verticale du F qui descend --> <!-- SIGNATURE 'F' ÉPURÉE TOUT À DROITE DU SERVEUR DU BAS -->
<path d="M 10 37 L 10 47 C 10 49 11.5 50 13.5 50 C 15.5 50 17 49 17 47 L 17 37 Z" fill="url(#stackGrad)"/> <!-- Barre verticale du F -->
<rect x="49" y="34" width="3.5" height="19" rx="1.75" fill="url(#fGrad)" filter="url(#neonGlow)"/>
<!-- Branche médiane du F qui part vers la droite --> <!-- Barre supérieure du F (alignée avec le haut du 3e serveur) -->
<rect x="17" y="39" width="18" height="5.5" rx="2.75" fill="url(#stackGrad)" stroke="#38bdf8" stroke-width="1.5" filter="url(#neon)"/> <rect x="49" y="34" width="10" height="3.5" rx="1.75" fill="url(#fGrad)" filter="url(#neonGlow)"/>
<!-- Barre médiane du F -->
<rect x="49" y="42" width="7.5" height="3.5" rx="1.75" fill="url(#fGrad)" filter="url(#neonGlow)"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB