feat: add SVG asset management, icons, and UI component enhancements

2026-10-11 12:27:47 -03:00
parent 3fab68c118
commit 176acf6f40
39 changed files with 869 additions and 134 deletions
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120">
+  <defs>
+    <linearGradient id="logoIconBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1976d2"/>
+      <stop offset="50%" stop-color="#0d47a1"/>
+      <stop offset="100%" stop-color="#01579b"/>
+    </linearGradient>
+    <linearGradient id="logoTopFacet" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#ffffff" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#80d8ff" stop-opacity="0.6"/>
+    </linearGradient>
+    <linearGradient id="logoLeftFacet" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#40c4ff" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#0288d1" stop-opacity="0.4"/>
+    </linearGradient>
+    <linearGradient id="logoRightFacet" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#e1f5fe" stop-opacity="0.9"/>
+      <stop offset="100%" stop-color="#29b6f6" stop-opacity="0.5"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Container do Ícone Cristal 3D -->
+  <rect x="14" y="16" width="88" height="88" rx="24" ry="24" fill="url(#logoIconBg)"/>
+  <rect x="16" y="18" width="84" height="84" rx="22" ry="22" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-opacity="0.25"/>
+
+  <!-- Facetas Cristalinas (cx=58, cy=60, sz=63) -->
+  <polygon points="58,32 86,55 58,66 30,55" fill="url(#logoTopFacet)"/>
+  <polygon points="30,55 58,66 58,92 39,79" fill="url(#logoLeftFacet)"/>
+  <polygon points="86,55 58,66 58,92 77,79" fill="url(#logoRightFacet)"/>
+  <circle cx="58" cy="60" r="14" fill="#ffffff" fill-opacity="0.3"/>
+
+  <!-- Tipografia Oficial "CyberCore" -->
+  <text x="124" y="62" font-family="'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="42" font-weight="bold" fill="#0a2540">Cyber<tspan fill="#0288d1">Core</tspan></text>
+
+  <!-- Badge "SIGNER" -->
+  <rect x="124" y="76" width="94" height="22" rx="6" ry="6" fill="#0288d1"/>
+  <text x="139" y="92" font-family="'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="13" font-weight="bold" fill="#ffffff" letter-spacing="1">SIGNER</text>
+
+  <!-- Subtítulo ICP-Brasil -->
+  <text x="230" y="92" font-family="'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="13" font-weight="normal" fill="#64748b">ICP-Brasil • Assinador Digital Seguro</text>
+</svg>