Исследовательский борд для интернет-магазина вязаной одежды. Эстетика тактильной «тихой роскоши» и farmcore-сторителлинга, построенная на трендах 2026 года и победителях awwwards на Tilda.
Вязаная вещь в 2026 — это не «стрейч», а эмоция, память и смысл. Сайт должен передавать ощущение нити пальцами через экран: фактура, тепло цвета, неспешный ритм и честность ремесла. Это и есть точка отличия от безликих маркетплейсов.
Осознанный покупатель 25–45, которому важны материал, происхождение и долговечность вещи, а не скорость распродажи. Ценит ручную работу и «тихую роскошь».
Тёплый, спокойный, уверенный. Между деревенской честностью (farmcore) и ателье. Никакого крика и баннерной суеты — только материал и забота.
Живая антиква в заголовках + ощутимая вязаная текстура фона + один тёплый глиняный акцент. Сайт «пахнет шерстью», а не SaaS-шаблоном.
«В мире, тоскующем по медленному ритму, трикотаж становится эмоциональной бронёй — и сайт должен дать это почувствовать.»
Выжимка из анализа awwwards (Tilda-победители), ru-публикаций по веб-дизайну и трендбуков по трикотажу SS/AW 2026. Источники — внизу секции.
Рынок устал от «стерильных» гротесков. Серифы дают индивидуальность и «живое» ощущение, особенно в моде и бьюти. Микс: антиква в заголовках + чистый гротеск в тексте.
Brushed wool, raw edges, plush pile. «3D из глины, резины, меха» и сенсорность. Палитры «природа дистиллированная»: кожа, дерево, почва + тёплые насыщенные акценты.
Стратегический минимализм: крупные белые поля, один яркий акцентный цвет на кнопке «Купить», нестандартные шрифты заголовков. Минимум — не значит пусто.
После эпохи «как у Apple» бренды снова ищут лицо. Выразительные интерфейсы, сторителлинг, честность (slow fashion vs fast fashion), farmcore-нарратив.
Анимация с интенцией и сдержанностью, реагирующая на поведение. Один хорошо срежиссированный page-load со stagger важнее десятка разрозненных эффектов.
360°, зум-фактура, видео above-the-fold, виртуальная примерка. Карточка показывает вещь «на ощупь» до покупки и снимает главный барьер онлайн-трикотажа.
Антиква Cormorant + гротеск Onest · земляная палитра с глиняным CTA · вязаная SVG-текстура и зерно · сдержанные, «ремесленные» микроанимации (провязывание, распускание петли, окрашивание) · честные блоки «состав / уход / происхождение».
Шесть цветов: тёплая нейтральная база (недокрашенная шерсть), глиняный акцент для действий, шалфей для спокойствия, бордо для эмоции и распродаж, кора вместо чёрного. Наведите на образец.
60% — суровая шерсть (фон). 25% — овсяный/кора (поверхности и текст). 10% — глина (акценты и действия). 5% — шалфей + бордо (точечные сигналы). Так палитра звучит спокойно, а CTA всегда «выстреливает».
Текст — только кора по шерсти/овсяному (AA+). Глина и бордо — для крупного текста и плашек; на них всегда лён/шерсть. Шалфей — фон под тёмный текст.
Антиква для эмоции и характера, гротеск для интерфейса и текста, моноширинный для «ремесленных» технических подписей (состав, партия, размерная сетка). Все три — с полной кириллицей.
Высококонтрастная антиква с воздухом и «модной» осанкой. Несёт эмоцию бренда. Italic — для акцентных слов («тёплое»). Альтернатива: Playfair Display.
Современный гротеск, спроектированный под кириллические интерфейсы и экраны. Отлично читается в мелких размерах. Альтернатива: Manrope.
«Спецификационный» голос: состав (100% меринос), уход, размер, артикул, kicker'ы. Добавляет честность и ощущение лейбла, вшитого в вещь.
Контраст вместо хаоса: антиква крупно и с тесным трекингом, гротеск мелко и спокойно. Не более двух начертаний на экран. Курсив Cormorant — только для 1–2 акцентных слов. Mono — исключительно UPPERCASE, <14px, с трекингом .1–.2em. Числа в ценах — антиква (характер), числа в спецификациях — mono (точность).
Линейный, неспешный, честный. Минимум барьеров, максимум доверия к материалу. Ниже — сценарий, принципы и живой макет карточки товара.
Hero с антиквой и видео-фактурой, бегущая строка ценностей, 2–3 капсулы коллекций.
Крупная сетка 2–3 в ряд, фильтры «материал/тепло/уход», свотчи пряжи прямо на карточке.
Зум-фактура, 360°, состав и уход, «как сидит», срок «под заказ», история нити.
Лёгкая боковая шторка, апселл «в комплект» (шапка к свитеру), честная доставка.
Один экран, гость без регистрации, оплата в 2 тапа, «сделано вручную — 14 дней».
Фото крупно, фактура на зуме, видео-петля как нить ложится. Текст обслуживает изображение, а не наоборот.
Состав, страна шерсти, время изготовления, реальная посадка и уход — открыто. Это главный драйвер доверия в slow fashion.
Глиняный/бордовый CTA — единственный яркий элемент на экране. Всё остальное спокойно. Глаз всегда знает, куда нажать.
Семь живых паттернов. Наводите курсор — все состояния рабочие. Каждая метафора отсылает к ремеслу: нить, окрашивание, бирка, рукотворность.
Сдержанно и со смыслом: один срежиссированный page-load со stagger + точечные «ремесленные» отклики. Easing один на весь сайт: cubic-bezier(.2,.7,.2,1), 0.4–0.9s. Уважение к prefers-reduced-motion.
Hero собирается по очереди: kicker → заголовок (по строкам, маской снизу) → подзаголовок → CTA, с задержкой 80–120ms между элементами. Это и есть «вау-момент», вместо десятка разрозненных эффектов. Весь скролл-контент проявляется через IntersectionObserver (см. как появляются блоки этого мудборда).
Магнитный CTA Зум фактуры на hover Бегущая строка ценностей Кастомный курсор-клубок Reveal по скроллу Параллакс фактуры Sticky-смена цвета шапки Шторка корзины
Запрет: бесконечные авто-карусели, резкие bounce, более 2 одновременных движений в зоне внимания.
Съёмка под тактильность: дневной мягкий свет, естественные тени, макро-фактура нити, тёплый фон под суровую шерсть. Никакого глянца и «студийного» пересвета.
Вязаный SVG-паттерн (лицевая гладь) как фоновая текстура и разделители. Тонкое зерно поверх всего для «несовершенной», тёплой бумажности. Иконки — линейные, 1.5px, со скруглением, под рукотворный характер. Углы карточек мягкие (14px), тени тёплые и низкие (никаких синих/резких).