Blank page

Дизайн-код & Мудборд — Handmade Knitwear Brand

01 — Дизайн-код

Цветовая палитра

ОСНОВНОЙ

Чернила

#1A1208

Текст, фон hero

ФОН

Слоновая кость

#F4EEE2

Фон страницы

АКЦЕНТ 1

Терракот

#C85A32

CTA, ссылки, заголовки

АКЦЕНТ 2

Шафран

#E8A020

Лейблы, подсветка

АКЦЕНТ 3

Календула

#F0C040

Градиенты, декор

АКЦЕНТ 4

Кобальт

#2F5F9E

Контрастный блок

АКЦЕНТ 5

Чертополох

#C28FBD

Блоки, теги

ПОДДЕРЖКА

Шалфей

#7A9E7E

Фоновые секции

ПОДДЕРЖКА

Коралл

#E86050

Хайлайт, уведомления

СПЕЦЭФФЕКТ

Люрекс / Золото

#D4AF37

Декор, блёстки, бисер

Рекомендуемые градиенты (scroll-смена фона)

02 — Дизайн-код

Типографика

Display / Заголовки H1 · Unbounded

ЕДИНСТВЕННЫЙ

font-family: 'Unbounded'; weight: 700; tracking: -0.03em

Логотип · Hero · Секции

Serif Italic / Подзаголовки · Cormorant Garamond

Каждое изделие — ваш характер

font-family: 'Cormorant Garamond'; style: italic; weight: 300; size: 32–42px

Цитаты · Лид-текст · Слоган

Body / Основной текст · Alegreya

Бренд вязаных изделий ручной работы из России. Каждая вещь создаётся в единственном экземпляре — из яркой пряжи с люрексом, пайетками и объёмной вышивкой бисером. Мы берём базовую вещь и превращаем её в произведение, которое говорит о вас.

font-family: 'Alegreya'; size: 16–18px; line-height: 1.65

Описания · Статьи · FAQ

Шкала размеров текста

xs МЕТКА · ЛЕЙБЛ

sm Вспомогательный текст, подписи

md Основной текст, описания товаров

lg Подзаголовки секций, лид

xl Hero H1

Система отступов (базовый шаг — 8px)

128

03 — Мудборд

Визуальные решения & настроение

ЯЯЯ

Идентичность

Логотип на тёмном фоне — крупный, яркий, с вывеской на hero-секции

Пряжа · Люрекс · Пайетки

Тёплый градиент — шафран × терракот как базовый energy-цвет бренда

Бисер · Декор

Детализация: россыпь цветных точек как символ вышивки

Лавандовый · Чертополох

"Надеть этот свитер — значит сказать что-то о себе"

Шалфей · Натуральность

Апсайкл-эстетика: base item + новая жизнь через декор

«Уникальное
изделие»

CORE BRAND MESSAGE

UX · Scroll Interaction

Смена цвета фона при скролле — каждая секция «дышит» своим цветом

ТИПОГРАФИКА В ДЕЙСТВИИ

ОДИН.
И ТОЛЬКО
ВАШ.

Потому что ваша индивидуальность — не повторяется

Купить

Узнать

Вечерний кобальт

Ночная фотосессия изделий — люрекс блестит, пайетки светятся

04 — Бренд-принципы

Как всё это работает вместе

🧶

Handmade первичность

Фотографии изделий крупно, «живые», с деталями фактуры. Никакого стокового глянца — только честная ручная работа.

✦

Один экземпляр

Каждая карточка товара несёт метку «Единственный». Нет повтора — нет массовости. Это главный визуальный аргумент.

🌿

Апсайкл-нарратив

Раздел «До и после» или «Новая жизнь вещи» — базовый предмет + декор-трансформация. Это сильная история.

📍

Локальность и открытость

Адрес и часы на главной странице — доверие через физическое присутствие. Покупатель знает: за этим стоит живой мастер.

💬

FAQ как забота

Отдельная вкладка с частыми вопросами снимает барьеры перед заказом: материалы, уход, сроки, заказ индивидуального.

05 — Рекомендации по сайту

Ключевые UI-решения

Hero-секция

Полноэкранные фото изделий с автослайдером
Логотип поверх фото — крупный, контрастный
Адрес и часы по центру — видны сразу
Градиентная подложка под текст (тёмная снизу)

Scroll & Transition

Смена фона при прокрутке между секциями
Использовать IntersectionObserver + CSS transition на body/section
Палитра смены: ivory → cobalt → sage → terracotta → ink
Текст адаптируется к фону (светлый/тёмный)

Карточки товаров

Бейдж «Единственный экземпляр» на каждой
Hover: приближение + детали декора крупно
Цветовые точки (пряжа) как теги коллекции
Шрифт цены — Unbounded Bold

О бренде на главной

Короткий блок: ручной труд + ограниченная серия
Фото мастера за работой — человечность
Cormorant Garamond Italic для слогана
Декор: золотые люрекс-точки как паттерн фона

Бренд ручного труда.Единственный экземпляр.

Handmade первичность

Один экземпляр

Апсайкл-нарратив

Локальность и открытость

FAQ как забота

Бренд ручного труда.
Единственный экземпляр.