48 lines
1.4 KiB
XML
48 lines
1.4 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 80" width="380" height="80">
|
||
|
|
<!-- SYNTAXIS Text Only - Animated (Fade in) -->
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="syntaxisGradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
|
|
<stop offset="0%" style="stop-color:#3B7CB8;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#D97706;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
@keyframes fadeIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-10px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fadeInTagline {
|
||
|
|
0%, 50% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-5px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wordmark {
|
||
|
|
animation: fadeIn 0.8s ease-out forwards;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tagline {
|
||
|
|
animation: fadeInTagline 1.2s ease-out forwards;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- SYNTAXIS Wordmark -->
|
||
|
|
<text class="wordmark" x="10" y="40" font-family="Inter, -apple-system, system-ui, sans-serif" font-size="42" font-weight="700" fill="url(#syntaxisGradient)" letter-spacing="-1">SYNTAXIS</text>
|
||
|
|
|
||
|
|
<!-- Tagline -->
|
||
|
|
<text class="tagline" x="10" y="65" font-family="Inter, -apple-system, system-ui, sans-serif" font-size="18" font-weight="400" fill="#6B7280" letter-spacing="0.5">Systematic Orchestration</text>
|
||
|
|
</svg>
|