feat: finalize UI/UX

2026-08-01 16:30:24 +03:30
parent 3c50abf404
commit 28e0f7f8fe
26 changed files with 822 additions and 528 deletions
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 360" role="img" aria-label="Tecvico imaging workspace">
+  <defs>
+    <linearGradient id="spectral-bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#112038"/>
+      <stop offset="100%" stop-color="#0a1628"/>
+    </linearGradient>
+    <linearGradient id="spectral-hot" x1="0%" y1="100%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#009e82" stop-opacity="0.2"/>
+      <stop offset="50%" stop-color="#22d3ee" stop-opacity="0.55"/>
+      <stop offset="100%" stop-color="#8b7cf6" stop-opacity="0.45"/>
+    </linearGradient>
+    <pattern id="spectral-grid" width="24" height="24" patternUnits="userSpaceOnUse">
+      <path d="M24 0H0V24" fill="none" stroke="rgba(255,255,255,0.04)" stroke-width="1"/>
+    </pattern>
+  </defs>
+  <rect width="560" height="360" fill="url(#spectral-bg)"/>
+  <rect width="560" height="360" fill="url(#spectral-grid)"/>
+  <rect x="24" y="24" width="160" height="312" rx="8" fill="#0f2847" stroke="rgba(255,255,255,0.08)"/>
+  <rect x="40" y="48" width="128" height="12" rx="4" fill="rgba(255,255,255,0.08)"/>
+  <rect x="40" y="72" width="96" height="8" rx="3" fill="rgba(255,255,255,0.05)"/>
+  <rect x="40" y="88" width="112" height="8" rx="3" fill="rgba(255,255,255,0.05)"/>
+  <rect x="40" y="120" width="128" height="80" rx="4" fill="rgba(0,201,167,0.12)" stroke="rgba(0,201,167,0.25)"/>
+  <rect x="40" y="212" width="128" height="80" rx="4" fill="rgba(139,124,246,0.1)" stroke="rgba(139,124,246,0.2)"/>
+  <rect x="204" y="24" width="332" height="220" rx="8" fill="#060e1a" stroke="rgba(255,255,255,0.08)"/>
+  <ellipse cx="370" cy="134" rx="72" ry="88" fill="url(#spectral-hot)"/>
+  <ellipse cx="370" cy="134" rx="48" ry="58" fill="none" stroke="#00c9a7" stroke-width="2" stroke-dasharray="6 4"/>
+  <line x1="204" y1="256" x2="536" y2="256" stroke="rgba(255,255,255,0.06)"/>
+  <rect x="220" y="272" width="140" height="56" rx="6" fill="#112038" stroke="rgba(255,255,255,0.06)"/>
+  <rect x="376" y="272" width="144" height="56" rx="6" fill="#112038" stroke="rgba(255,255,255,0.06)"/>
+  <text x="290" y="296" text-anchor="middle" fill="#64748b" font-family="IBM Plex Mono, monospace" font-size="10">GLCM</text>
+  <text x="290" y="312" text-anchor="middle" fill="#00c9a7" font-family="IBM Plex Mono, monospace" font-size="11">0.847</text>
+  <text x="448" y="296" text-anchor="middle" fill="#64748b" font-family="IBM Plex Mono, monospace" font-size="10">SUV</text>
+  <text x="448" y="312" text-anchor="middle" fill="#22d3ee" font-family="IBM Plex Mono, monospace" font-size="11">4.2</text>
+  <rect x="204" y="340" width="332" height="4" rx="2" fill="rgba(255,255,255,0.06)"/>
+  <rect x="204" y="340" width="198" height="4" rx="2" fill="#00c9a7"/>
+</svg>