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 @@ + 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 @@
- + @@ -12,28 +12,25 @@ - - + + - +
-