From dd02136b92e35e2aa425de3bf8518a78640e5998 Mon Sep 17 00:00:00 2001
From: wasrusgen <vasrusgen@gmail.com>
Date: Wed, 13 May 2026 21:47:38 +0300
Subject: [PATCH] =?UTF-8?q?brand:=20SVG-=D0=BB=D0=BE=D0=B3=D0=BE=20@wasrus?=
 =?UTF-8?q?gen1=20=D0=B2=20=D0=B7=D0=BE=D0=BB=D0=BE=D1=82=D0=B5=20+=20CRM?=
 =?UTF-8?q?=20=D0=BA=D0=B0=D0=BA=20=D1=81=D0=BB=D0=BE=D0=B3=D0=B0=D0=BD=20?=
 =?UTF-8?q?(=D0=BF=D0=BE=D0=B7.=20=D0=BA=D0=B0=D0=BA=20=D1=83=20=D0=97?=
 =?UTF-8?q?=D0=9E=D0=92)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Полностью векторный логотип (assets/wasrusgen-logo.svg):
- Циркулярная пила (корпус + кожух + диск + зубья + центральный болт
  + опорный брус) — stroke 14, золотой #C9A227
- Wordmark «@WASRUSGEN1» — Inter Black 78pt золотой
- Компоновка как у тебя: пила сверху, wordmark снизу

Splash:
- Большой SVG-лого (70%, max 320px), дыхательная анимация
- Loader bar
- CRM штамп (золотая обводка, letter-spacing 0.4em) — на месте
  где у ЗОВ был «Сделано с душой!»

Theme-color → #C9A227 (золотой статус-бар в Telegram WebApp).
Loader bar gradient → золотой.

Cache bust v=20260513zf.
---
 miniapp/assets/styles.css         | 33 +++++---------
 miniapp/assets/wasrusgen-logo.svg | 73 +++++++++++++++++++++++++++++++
 miniapp/index.html                | 33 +++++++-------
 3 files changed, 100 insertions(+), 39 deletions(-)
 create mode 100644 miniapp/assets/wasrusgen-logo.svg

diff --git a/miniapp/assets/styles.css b/miniapp/assets/styles.css
index 43bea69..d0f7869 100644
--- a/miniapp/assets/styles.css
+++ b/miniapp/assets/styles.css
@@ -216,33 +216,24 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
 }
 .loader-logo path { fill: var(--walnut, #6B4A2B); }
 
-/* Бренд-блок @wasrusgen1 на splash */
-.brand-saw {
-  width: 96px;
+/* Бренд @wasrusgen1 на splash — SVG-лого + CRM */
+.brand-logo {
+  width: 70%;
+  max-width: 320px;
   height: auto;
   display: block;
   animation: logoBreath 2.2s ease-in-out infinite;
 }
-.brand-block { text-align: center; }
-.brand-wordmark {
+.brand-tagline-gold {
   font-family: "Inter", system-ui, sans-serif;
   font-weight: 800;
-  font-size: 28px;
-  letter-spacing: 0.01em;
-  color: #4A4A4A;
+  font-size: 16px;
+  letter-spacing: 0.4em;
+  color: #C9A227;
+  margin-top: 4px;
   line-height: 1;
-}
-.brand-wordmark .brand-num { color: #F08720; }
-.brand-tagline {
-  font-family: "Inter", system-ui, sans-serif;
-  font-weight: 800;
-  font-size: 14px;
-  letter-spacing: 0.32em;
-  color: #F08720;
-  margin-top: 8px;
-  line-height: 1;
-  padding: 4px 10px;
-  border: 1.5px solid #F08720;
+  padding: 5px 14px 4px;
+  border: 1.5px solid #C9A227;
   border-radius: 4px;
   display: inline-block;
 }
@@ -291,7 +282,7 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
   top: 0; left: -40%;
   width: 40%;
   height: 100%;
-  background: linear-gradient(90deg, transparent, #F08720 50%, transparent);
+  background: linear-gradient(90deg, transparent, #C9A227 50%, transparent);
   animation: loaderBarSlide 1.4s ease-in-out infinite;
 }
 
diff --git a/miniapp/assets/wasrusgen-logo.svg b/miniapp/assets/wasrusgen-logo.svg
new file mode 100644
index 0000000..1fb30e0
--- /dev/null
+++ b/miniapp/assets/wasrusgen-logo.svg
@@ -0,0 +1,73 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 540" aria-label="@wasrusgen1">
+  <g fill="none" stroke="#C9A227" stroke-width="14" stroke-linecap="round" stroke-linejoin="round">
+
+    <!-- ===== ПИЛА (циркулярная) ===== -->
+
+    <!-- Корпус мотора — трапеция со скруглениями -->
+    <path d="
+      M 200 50
+      L 380 30
+      Q 410 28 416 55
+      L 420 130
+      Q 421 158 395 162
+      L 235 178
+      Q 210 180 205 158
+      L 195 75
+      Q 192 56 200 50 Z
+    "/>
+
+    <!-- Отверстие под палец/ручку -->
+    <ellipse cx="365" cy="78" rx="14" ry="20"/>
+
+    <!-- Кожух пилы (верхняя дуга от корпуса вниз к диску) -->
+    <path d="
+      M 235 178
+      Q 215 220 205 240
+      L 175 285
+    "/>
+    <path d="
+      M 395 162
+      Q 420 195 415 230
+      L 430 285
+    "/>
+
+    <!-- Купол кожуха над диском -->
+    <path d="M 175 285 A 130 130 0 0 1 430 285" />
+
+    <!-- Диск пилы (полный круг видимой части) -->
+    <circle cx="302" cy="295" r="110" />
+
+    <!-- Зубья (треугольные шипы по нижней дуге) -->
+    <path d="
+      M 198 297
+      l -10 18 l 18 -3
+      l 0 16 l 18 -6
+      l 4 16 l 18 -8
+      l 8 14 l 17 -10
+      l 12 12 l 15 -12
+      l 16 10 l 12 -14
+      l 18 8 l 9 -16
+      l 18 6 l 5 -16
+      l 18 3 l 1 -18
+    "/>
+
+    <!-- Центральный болт-ось -->
+    <circle cx="302" cy="295" r="22" />
+    <circle cx="302" cy="295" r="9" fill="#C9A227" stroke="none"/>
+
+    <!-- Опорный брус (станина) -->
+    <line x1="60" y1="420" x2="540" y2="420" stroke-width="16"/>
+
+  </g>
+
+  <!-- ===== WORDMARK @WASRUSGEN1 ===== -->
+  <text
+    x="300" y="510"
+    text-anchor="middle"
+    font-family="Inter, system-ui, -apple-system, 'Segoe UI', sans-serif"
+    font-weight="900"
+    font-size="78"
+    letter-spacing="2"
+    fill="#C9A227"
+  >@WASRUSGEN1</text>
+</svg>
diff --git a/miniapp/index.html b/miniapp/index.html
index eea4ebe..244b99e 100644
--- a/miniapp/index.html
+++ b/miniapp/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no">
-  <meta name="theme-color" content="#F08720">
+  <meta name="theme-color" content="#C9A227">
   <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
   <meta http-equiv="Pragma" content="no-cache">
   <meta http-equiv="Expires" content="0">
@@ -12,28 +12,25 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Cormorant+Garamond:ital,wght@1,400;1,500;1,600&family=Caveat:wght@500;700&display=swap">
   <script src="https://telegram.org/js/telegram-web-app.js"></script>
-  <link rel="stylesheet" href="assets/styles.css?v=20260513ze">
-  <link rel="stylesheet" href="assets/podbor.css?v=20260513ze">
+  <link rel="stylesheet" href="assets/styles.css?v=20260513zf">
+  <link rel="stylesheet" href="assets/podbor.css?v=20260513zf">
 </head>
 <body>
-  <!-- Splash — бренд @wasrusgen1: пила + wordmark + cursive «сборщик» -->
+  <!-- Splash — лого @wasrusgen1 в кривых (золото), CRM как слоган -->
   <div class="loader splash" id="splash">
-    <img class="brand-saw" src="assets/wasrusgen-saw.png?v=20260513ze" alt="">
-    <div class="brand-block">
-      <div class="brand-wordmark">@WASRUSGEN<span class="brand-num">1</span></div>
-      <div class="brand-tagline">CRM</div>
-    </div>
+    <img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zf" alt="@wasrusgen1">
     <div class="loader-bar"></div>
+    <div class="brand-tagline-gold">CRM</div>
   </div>
   <main id="app"></main>
-  <script src="assets/icons.js?v=20260513ze"></script>
-  <script src="assets/podbor.config.js?v=20260513ze"></script>
-  <script src="assets/podbor.picts.js?v=20260513ze"></script>
-  <script src="assets/podbor.js?v=20260513ze"></script>
-  <script src="assets/clients.js?v=20260513ze"></script>
-  <script src="assets/zamer-picts.js?v=20260513ze"></script>
-  <script src="assets/measurements.js?v=20260513ze"></script>
-  <script src="assets/request.js?v=20260513ze"></script>
-  <script src="assets/app.js?v=20260513ze"></script>
+  <script src="assets/icons.js?v=20260513zf"></script>
+  <script src="assets/podbor.config.js?v=20260513zf"></script>
+  <script src="assets/podbor.picts.js?v=20260513zf"></script>
+  <script src="assets/podbor.js?v=20260513zf"></script>
+  <script src="assets/clients.js?v=20260513zf"></script>
+  <script src="assets/zamer-picts.js?v=20260513zf"></script>
+  <script src="assets/measurements.js?v=20260513zf"></script>
+  <script src="assets/request.js?v=20260513zf"></script>
+  <script src="assets/app.js?v=20260513zf"></script>
 </body>
 </html>