черновая шапка и первый скрол с лого завершено

2026-06-04 21:05:10 +03:00
parent e1c66ae53c
commit 7d14383031
9 changed files with 940 additions and 97 deletions
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 260" role="img" aria-labelledby="delivery-title">
+  <title id="delivery-title">Тестовая иллюстрация доставки</title>
+  <rect width="520" height="260" rx="22" fill="#fffefa"/>
+  <rect x="42" y="72" width="300" height="104" rx="18" fill="#173d2c"/>
+  <rect x="82" y="38" width="150" height="76" rx="16" fill="#27634a"/>
+  <circle cx="126" cy="188" r="26" fill="#c43d31"/>
+  <circle cx="296" cy="188" r="26" fill="#c43d31"/>
+  <path d="M374 102h74l30 42v32H342v-74h32Z" fill="#f1e9dc" stroke="#173d2c" stroke-width="6" stroke-linejoin="round"/>
+  <path d="M82 126h190" stroke="#fffefa" stroke-width="12" stroke-linecap="round"/>
+  <path d="M82 152h128" stroke="#d8eadc" stroke-width="10" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 520" role="img" aria-labelledby="hero-products-title">
+  <title id="hero-products-title">Тестовая иллюстрация ассортимента Рыбсток</title>
+  <rect width="760" height="520" rx="28" fill="#f7f8f4"/>
+  <rect x="50" y="54" width="660" height="412" rx="26" fill="#fffefa" stroke="#dfe5da" stroke-width="2"/>
+  <rect x="92" y="94" width="246" height="170" rx="22" fill="#173d2c"/>
+  <path d="M130 180c44-52 120-52 184 0-64 52-140 52-184 0Z" fill="#fffefa" opacity=".94"/>
+  <circle cx="166" cy="173" r="7" fill="#c43d31"/>
+  <path d="M140 300c34 20 71 20 105 0s71-20 105 0" fill="none" stroke="#c43d31" stroke-width="12" stroke-linecap="round"/>
+  <rect x="382" y="98" width="236" height="88" rx="20" fill="#f1e9dc"/>
+  <rect x="382" y="212" width="236" height="88" rx="20" fill="#dce8df"/>
+  <rect x="382" y="326" width="236" height="88" rx="20" fill="#f5dcd6"/>
+  <circle cx="646" cy="142" r="30" fill="#c43d31" opacity=".9"/>
+  <circle cx="646" cy="256" r="30" fill="#173d2c" opacity=".9"/>
+  <circle cx="646" cy="370" r="30" fill="#c43d31" opacity=".9"/>
+  <path d="M108 390h226" stroke="#173d2c" stroke-width="10" stroke-linecap="round"/>
+  <path d="M108 422h154" stroke="#9ba99e" stroke-width="10" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 260" role="img" aria-labelledby="price-title">
+  <title id="price-title">Тестовая иллюстрация стоковых цен</title>
+  <rect width="520" height="260" rx="22" fill="#fffefa"/>
+  <path d="M76 62h250l96 96-78 78H76V62Z" fill="#f7f8f4" stroke="#dfe5da" stroke-width="4"/>
+  <circle cx="330" cy="120" r="18" fill="#c43d31"/>
+  <text x="112" y="138" fill="#173d2c" font-family="Arial, Helvetica, sans-serif" font-size="58" font-weight="900">СТОК</text>
+  <path d="M118 172h160" stroke="#c43d31" stroke-width="10" stroke-linecap="round"/>
+  <path d="M118 200h96" stroke="#9ba99e" stroke-width="10" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 390 108" role="img" aria-labelledby="logo-title logo-desc">
+  <title id="logo-title">Рыбсток</title>
+  <desc id="logo-desc">РЫБСТОК - качественные продукты по стоковым ценам</desc>
+  <defs>
+    <style>
+      .root{fill:#173d2c;font-family:Arial, Helvetica, sans-serif;font-size:46px;font-weight:900;letter-spacing:.3px}
+      .stock{fill:#c43d31;font-family:Arial, Helvetica, sans-serif;font-size:46px;font-weight:900;letter-spacing:.3px}
+      .tag{fill:#173d2c;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:800}
+      .rule-a{fill:#173d2c}
+      .rule-b{fill:#c43d31}
+    </style>
+  </defs>
+  <g transform="translate(8 8)">
+    <text class="root" x="0" y="45">РЫБ</text>
+    <text class="stock" x="105" y="45">СТОК</text>
+    <rect class="rule-a" x="2" y="58" width="101" height="4" rx="2"/>
+    <rect class="rule-b" x="104" y="58" width="121" height="4" rx="2"/>
+    <text class="tag" x="2" y="86">Качественные продукты по стоковым ценам</text>
+  </g>
+</svg>