branding: ajout du logo officiel Forgium (stack 3 serveurs + signature F)

This commit is contained in:
Mathias 2026-09-09 21:22:11 +02:00
parent 52952170fc
commit cecd5b7046
3 changed files with 90 additions and 10 deletions

View file

@ -21,16 +21,7 @@
<header class="navbar-wrapper">
<div class="navbar container">
<a href="index.html" class="logo">
<div class="logo-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M2 17L12 22L22 17" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M2 12L12 17L22 12" stroke="#2563eb" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</div>
<img src="logo-forgium-v2.svg" alt="Forgium Logo" width="34" height="34" class="logo-img">
FORGIUM
<span class="logo-tag">CLOUD</span>
</a>

View file

@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54" width="54" height="54" fill="none">
<defs>
<linearGradient id="stackGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#38bdf8"/>
<stop offset="100%" stop-color="#1d4ed8"/>
</linearGradient>
<filter id="neon" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="0" stdDeviation="2" flood-color="#38bdf8" flood-opacity="0.5"/>
</filter>
</defs>
<!-- SERVEUR 1 (HAUT) -->
<rect x="6" y="8" width="42" height="7" rx="3.5" fill="url(#stackGrad)" fill-opacity="0.3" stroke="#38bdf8" stroke-width="2"/>
<circle cx="12" cy="11.5" r="1.5" fill="#38bdf8" filter="url(#neon)"/>
<circle cx="17" cy="11.5" r="1.5" fill="#60a5fa"/>
<!-- SERVEUR 2 (MILIEU) -->
<rect x="6" y="19" width="42" height="7" rx="3.5" fill="url(#stackGrad)" fill-opacity="0.4" stroke="#38bdf8" stroke-width="2"/>
<circle cx="12" cy="22.5" r="1.5" fill="#38bdf8" filter="url(#neon)"/>
<circle cx="17" cy="22.5" r="1.5" fill="#60a5fa"/>
<!-- SERVEUR 3 (BAS) QUI FORME LE 'F' MAJESTUEUX -->
<!-- Barre haute du F (le 3e serveur) -->
<rect x="6" y="30" width="42" height="7" rx="3.5" fill="url(#stackGrad)" stroke="#38bdf8" stroke-width="2"/>
<circle cx="12" cy="33.5" r="1.5" fill="#ffffff" filter="url(#neon)"/>
<!-- Colonne verticale du F qui descend -->
<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)"/>
<!-- Branche médiane du F qui part vers la droite -->
<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)"/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

57
site-web/logo-forgium.svg Normal file
View file

@ -0,0 +1,57 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48" fill="none">
<defs>
<linearGradient id="forgium-grad-cyan" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#38bdf8" />
<stop offset="100%" stop-color="#2563eb" />
</linearGradient>
<linearGradient id="forgium-grad-accent" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#60a5fa" />
<stop offset="100%" stop-color="#38bdf8" />
</linearGradient>
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="0" stdDeviation="2" flood-color="#38bdf8" flood-opacity="0.4"/>
</filter>
</defs>
<!-- SERVEUR 1 (HAUT) -->
<rect x="6" y="6" width="36" height="8" rx="4" fill="url(#forgium-grad-cyan)" fill-opacity="0.25" stroke="#38bdf8" stroke-width="2"/>
<circle cx="12" cy="10" r="1.5" fill="#38bdf8" filter="url(#glow)"/>
<circle cx="17" cy="10" r="1.5" fill="#60a5fa"/>
<line x1="30" y1="10" x2="36" y2="10" stroke="#38bdf8" stroke-width="1.5" stroke-linecap="round" stroke-opacity="0.6"/>
<!-- SERVEUR 2 (MILIEU) -->
<rect x="6" y="18" width="36" height="8" rx="4" fill="url(#forgium-grad-cyan)" fill-opacity="0.35" stroke="#38bdf8" stroke-width="2"/>
<circle cx="12" cy="22" r="1.5" fill="#38bdf8" filter="url(#glow)"/>
<circle cx="17" cy="22" r="1.5" fill="#60a5fa"/>
<line x1="30" y1="22" x2="36" y2="22" stroke="#38bdf8" stroke-width="1.5" stroke-linecap="round" stroke-opacity="0.6"/>
<!-- SERVEUR 3 (BAS) AVEC FORME DU F INTÉGRÉE -->
<!-- Base du serveur avec extension en F vers la droite et bas -->
<path d="M 6 34
C 6 31.8 7.8 30 10 30
L 40 30
C 41.1 30 42 30.9 42 32
C 42 33.1 41.1 34 40 34
L 20 34
L 20 37
L 32 37
C 33.1 37 34 37.9 34 39
C 34 40.1 33.1 41 32 41
L 20 41
L 20 45
C 20 46.1 19.1 47 18 47
C 16.9 47 16 46.1 16 45
L 16 34
L 10 34
C 7.8 34 6 35.8 6 38
L 6 34 Z"
fill="url(#forgium-grad-accent)" filter="url(#glow)"/>
<rect x="6" y="30" width="36" height="8" rx="4" fill="none" stroke="#38bdf8" stroke-width="2"/>
<circle cx="12" cy="34" r="1.5" fill="#38bdf8" filter="url(#glow)"/>
<circle cx="17" cy="34" r="1.5" fill="#60a5fa"/>
<!-- LE 'F' SOUVERAIN (Accent néon en surbrillance) -->
<path d="M 38 29 L 43 29 C 44 29 44.8 29.8 44.8 30.8 L 44.8 44 C 44.8 45 44 45.8 43 45.8 L 39 45.8 M 44.8 37 L 39 37"
stroke="url(#forgium-grad-accent)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" filter="url(#glow)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB