logo: композиция как в CRM.cdr (саблон тесно над wordmark)

Перерисовал SVG-лого ближе к референсу из исходника:
- Пила компактнее, шире, наклонённый корпус
- Wordmark @WASRUSGEN1 крупнее (115pt Inter Black)
- Тесная связка пила↔wordmark — один знак
- Цвет: золотой #C9A227

Удалил неиспользуемые PNG/JPG из бета-версии.

Cache bust v=20260513zg.
This commit is contained in:
wasrusgen 2026-05-13 22:02:40 +03:00
parent dd02136b92
commit 7f7bfd7a33
4 changed files with 55 additions and 63 deletions

View File

@ -1,73 +1,65 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 540" aria-label="@wasrusgen1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 540" aria-label="@wasrusgen1">
<g fill="none" stroke="#C9A227" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"> <g stroke="#C9A227" fill="none" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
<!-- ===== ПИЛА (циркулярная) ===== --> <!-- ============ ПИЛА (циркулярная), центр сверху ============ -->
<!-- Корпус мотора — трапеция со скруглениями --> <!-- Корпус мотора — наклонённый параллелограмм -->
<path d=" <path d="
M 200 50 M 280 70
L 380 30 L 470 35
Q 410 28 416 55 Q 500 32 506 60
L 420 130 L 520 130
Q 421 158 395 162 Q 525 158 500 165
L 235 178 L 320 200
Q 210 180 205 158 Q 295 205 290 180
L 195 75 L 272 95
Q 192 56 200 50 Z Q 268 75 280 70 Z
"/> "/>
<!-- Отверстие под палец/ручку --> <!-- Отверстие под палец/рукоятку -->
<ellipse cx="365" cy="78" rx="14" ry="20"/> <ellipse cx="450" cy="85" rx="12" ry="18"/>
<!-- Кожух пилы (верхняя дуга от корпуса вниз к диску) --> <!-- Соединение корпуса с кожухом диска -->
<path d=" <path d="M 290 180 Q 285 200 280 220"/>
M 235 178 <path d="M 500 165 Q 520 185 520 215"/>
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" /> <path d="M 230 280 Q 300 200 380 200 Q 460 200 540 280" />
<!-- Диск пилы (полный круг видимой части) --> <!-- Основной диск (круг) -->
<circle cx="302" cy="295" r="110" /> <circle cx="380" cy="285" r="105" />
<!-- Зубья (треугольные шипы по нижней дуге) -->
<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="380" cy="285" r="22" />
<circle cx="302" cy="295" r="9" fill="#C9A227" stroke="none"/> <circle cx="380" cy="285" r="9" fill="#C9A227" stroke="none"/>
<!-- Опорный брус (станина) --> <!-- Зубья (плотный ряд по нижней дуге) -->
<line x1="60" y1="420" x2="540" y2="420" stroke-width="16"/> <path d="
M 280 295
l 0 22 l 14 -6
l 6 18 l 14 -8
l 10 18 l 14 -10
l 14 16 l 14 -12
l 18 14 l 14 -14
l 22 12 l 12 -16
l 22 8 l 8 -18
l 22 4 l 4 -20
l 22 0
"/>
<!-- Опорный брус (станина под диском) -->
<line x1="200" y1="290" x2="560" y2="290" stroke-width="14"/>
</g> </g>
<!-- ===== WORDMARK @WASRUSGEN1 ===== --> <!-- ============ WORDMARK @WASRUSGEN1 ============ -->
<text <text
x="300" y="510" x="360" y="490"
text-anchor="middle" text-anchor="middle"
font-family="Inter, system-ui, -apple-system, 'Segoe UI', sans-serif" font-family="Inter, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-weight="900" font-weight="900"
font-size="78" font-size="115"
letter-spacing="2" letter-spacing="-2"
fill="#C9A227" fill="#C9A227"
>@WASRUSGEN1</text> >@WASRUSGEN1</text>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 445 KiB

View File

@ -12,25 +12,25 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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"> <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> <script src="https://telegram.org/js/telegram-web-app.js"></script>
<link rel="stylesheet" href="assets/styles.css?v=20260513zf"> <link rel="stylesheet" href="assets/styles.css?v=20260513zg">
<link rel="stylesheet" href="assets/podbor.css?v=20260513zf"> <link rel="stylesheet" href="assets/podbor.css?v=20260513zg">
</head> </head>
<body> <body>
<!-- Splash — лого @wasrusgen1 в кривых (золото), CRM как слоган --> <!-- Splash — лого @wasrusgen1 в кривых (золото), CRM как слоган -->
<div class="loader splash" id="splash"> <div class="loader splash" id="splash">
<img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zf" alt="@wasrusgen1"> <img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zg" alt="@wasrusgen1">
<div class="loader-bar"></div> <div class="loader-bar"></div>
<div class="brand-tagline-gold">CRM</div> <div class="brand-tagline-gold">CRM</div>
</div> </div>
<main id="app"></main> <main id="app"></main>
<script src="assets/icons.js?v=20260513zf"></script> <script src="assets/icons.js?v=20260513zg"></script>
<script src="assets/podbor.config.js?v=20260513zf"></script> <script src="assets/podbor.config.js?v=20260513zg"></script>
<script src="assets/podbor.picts.js?v=20260513zf"></script> <script src="assets/podbor.picts.js?v=20260513zg"></script>
<script src="assets/podbor.js?v=20260513zf"></script> <script src="assets/podbor.js?v=20260513zg"></script>
<script src="assets/clients.js?v=20260513zf"></script> <script src="assets/clients.js?v=20260513zg"></script>
<script src="assets/zamer-picts.js?v=20260513zf"></script> <script src="assets/zamer-picts.js?v=20260513zg"></script>
<script src="assets/measurements.js?v=20260513zf"></script> <script src="assets/measurements.js?v=20260513zg"></script>
<script src="assets/request.js?v=20260513zf"></script> <script src="assets/request.js?v=20260513zg"></script>
<script src="assets/app.js?v=20260513zf"></script> <script src="assets/app.js?v=20260513zg"></script>
</body> </body>
</html> </html>