mirror of
https://github.com/wasrusgen/zov-tech.git
synced 2026-06-03 15:04:50 +00:00
brand: SVG-лого @wasrusgen1 в золоте + CRM как слоган (поз. как у ЗОВ)
Полностью векторный логотип (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.
This commit is contained in:
wasrusgen
parent
17c0f73328
commit
dd02136b92
@ -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;
|
||||
}
|
||||
|
||||
|
||||
73
miniapp/assets/wasrusgen-logo.svg
Normal file
73
miniapp/assets/wasrusgen-logo.svg
Normal file
@ -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>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user