Импорт, каталог, персональная работа с клиентами, собственные склады в регионах и доставка собственным транспортом.
+
+
+
+
+
+
+
+
+
DP Trade развивает профессиональный винный каталог, где регионы, производители, партии и коммерческие условия собраны в едином интерфейсе для быстрых закупочных решений.
+
Главная ценность сервиса — соединить сильный ассортимент с понятной навигацией: от страны и апелласьона до конкретного производителя, винтажа и карточки товара.
+
Как устроен подход
+
Компания делает акцент на удобном каталоге, персональном отношении, собственных складских возможностях и доставке собственным транспортом. Для B2B-клиентов это значит меньше ручных уточнений и быстрее путь от выбора до заказа.
+
+
+ 01
Удобный каталог
Фильтры по типу, региону, производителю, сорту, году, объему и стилю.
+ 02
Персональный подход
Быстрая коммуникация с менеджером и подборки под формат клиента.
+ 03
Склады в регионах
Инфраструктура для регулярных поставок и управления доступностью.
+ 04
Собственная доставка
Контроль логистики и аккуратная работа с профессиональными заказами.
+
+
+
+
+
+
+
Portfolio
Винные дома и регионы
+
Страница показывает, как может выглядеть корпоративный раздел: спокойная подача, крупные тезисы и блок преимуществ без перегруза.
Требования к структуре материала, заголовкам, тексту и фотографиям для новостей, историй производителей и экспертных заметок.
+
+
+
+
+
+
+
+
+ 01
+
Структура статьи
+
Каждый материал должен быстро отвечать на три вопроса: о ком/о чём статья, почему это важно для аудитории DP Trade и какое действие читатель может сделать дальше.
+
+
Заголовок: конкретный, с именем производителя, региона или события.
+
Лид: 1-2 предложения, раскрывает главный повод.
+
Основной текст: 3-5 смысловых блоков с подзаголовками или визуальными паузами.
+
Финал: вывод, рекомендация, ссылка в каталог или повод обратиться к менеджеру.
+
+
+
+ 02
+
Заголовки
+
Заголовок должен быть редакционным, но полезным: не только красивым, а ещё и объясняющим тему.
+
+
Оптимально: 55-90 символов.
+
Использовать имена: Villa Raiano, Gaja, Bordeaux, Fiano.
+
Избегать пустых формул: «уникальная история», «легендарное событие» без факта.
+
Подзаголовки должны вести читателя по смыслу, а не повторять заголовок.
+
+
+
+ 03
+
Текст
+
Стиль: профессиональный, спокойный, без рекламного нажима. Пишем для закупщиков, сомелье, ресторанов и розницы.
+
+
Абзац: 350-650 знаков.
+
Лид: до 280 знаков.
+
Новость: 3 000-5 500 знаков.
+
История производителя: 5 000-8 000 знаков.
+
Цифры, годы, награды и сорта проверять отдельно.
+
+
+
+ 04
+
Фотографии
+
Фотографии должны показывать реальный продукт, место, людей или процесс. Лучше меньше декоративности и больше конкретики.
+
+
Hero: горизонтальное фото от 1600px по ширине.
+
Внутренние фото: от 1200px, без сильной компрессии.
+
Для карточек: предмет или бутылка должны быть читаемы на мобильном.
+
Не использовать тёмные, размытые, случайно обрезанные изображения.
+
Обязательно писать alt: кто/что изображено и где.
+
+
+
+ 05
+
Композиция
+
Для длинной статьи нужны визуальные паузы: крупное фото после лида, цитата или факт-блок в середине и финальный акцент.
+
+
Не ставить подряд больше 4 текстовых абзацев без паузы.
+
Цитаты использовать только если они усиливают материал.
+
Сайдбар может содержать факты: страна, регион, сорт, год, награда.
+
Финальный CTA должен быть связан с каталогом или менеджером.
+
+
+
+ 06
+
SEO и handoff
+
Материал должен быть понятен поиску и разработке: один H1, последовательные H2, корректные alt и прозрачная структура блоков.
+
+
Title: до 60 символов, включает бренд или тему.
+
Description: 140-160 символов.
+
URL: латиница, короткий slug.
+
Изображения называть по смыслу, а не `photo-final-2`.
+
В CMS хранить дату, автора/раздел, теги и связанные товары.
+
+
+
+
+
+
+
+
+
Pre-publish checklist
+
Проверка перед публикацией
+
+
+
Заголовок отражает конкретный повод и не звучит как реклама.
+
В лиде понятна ценность материала для профессиональной аудитории.
+
Все годы, имена, апелласьоны и награды проверены.
+
Есть минимум 2-4 качественные фотографии с alt-текстами.
+
Финал ведёт к каталогу, производителю, товару или контакту с менеджером.
+
+
+
+
diff --git a/src/assets/images/00073820_1.png b/src/assets/images/00073820_1.png
new file mode 100644
index 0000000..9f82d3b
Binary files /dev/null and b/src/assets/images/00073820_1.png differ
diff --git a/src/assets/images/00080768_1.png b/src/assets/images/00080768_1.png
new file mode 100644
index 0000000..0bc9d72
Binary files /dev/null and b/src/assets/images/00080768_1.png differ
diff --git a/src/assets/images/00081538_1.png b/src/assets/images/00081538_1.png
new file mode 100644
index 0000000..24e149f
Binary files /dev/null and b/src/assets/images/00081538_1.png differ
diff --git a/src/assets/images/00081726_1.png b/src/assets/images/00081726_1.png
new file mode 100644
index 0000000..2c866d3
Binary files /dev/null and b/src/assets/images/00081726_1.png differ
diff --git a/src/assets/images/photo_2026-04-06_16-53-23-2.jpg b/src/assets/images/photo_2026-04-06_16-53-23-2.jpg
new file mode 100644
index 0000000..d540b6f
Binary files /dev/null and b/src/assets/images/photo_2026-04-06_16-53-23-2.jpg differ
diff --git a/src/assets/images/photo_2026-04-06_16-53-23.jpg b/src/assets/images/photo_2026-04-06_16-53-23.jpg
new file mode 100644
index 0000000..a474acc
Binary files /dev/null and b/src/assets/images/photo_2026-04-06_16-53-23.jpg differ
diff --git a/src/assets/images/photo_2026-04-06_16-53-24.jpg b/src/assets/images/photo_2026-04-06_16-53-24.jpg
new file mode 100644
index 0000000..c327af5
Binary files /dev/null and b/src/assets/images/photo_2026-04-06_16-53-24.jpg differ
diff --git a/src/assets/images/photo_2026-04-06_16-53-26.jpg b/src/assets/images/photo_2026-04-06_16-53-26.jpg
new file mode 100644
index 0000000..ab03f6b
Binary files /dev/null and b/src/assets/images/photo_2026-04-06_16-53-26.jpg differ
diff --git a/src/bottle-cards.njk b/src/bottle-cards.njk
new file mode 100644
index 0000000..c135734
--- /dev/null
+++ b/src/bottle-cards.njk
@@ -0,0 +1,232 @@
+---
+title: "DP Trade — Bottle Card Variants"
+layout: layouts/default
+permalink: /bottle-cards.html
+bodyClass: compact-type
+---
+
+
+
+
+
UI-kit / Product cards
+
Варианты карточек бутылок
+
+
Отдельная витрина для выбора направления карточки: крупные плитки, компактные версии и горизонтальный формат для B2B-каталога.
Удобно для запросов прайса, карточек производителей и B2B-документов.
+
+
+ Юридическая информация
+
Интернет-витрина размещает информацию об алкогольной продукции исключительно в ознакомительных целях. Дистанционная продажа алкогольной продукции не осуществляется.
+
+
+
+
Требуется аккаунт
+
Заявка доступна после входа
+
Мы показываем телефон и email открыто, но форму заявки менеджеру оставляем внутри личного кабинета: так менеджер сразу видит компанию, историю запросов и коммерческий статус клиента.
Удобно для запросов прайса, карточек производителей и B2B-документов.
+
+
+ Юридическая информация
+
Интернет-витрина размещает информацию об алкогольной продукции исключительно в ознакомительных целях. Дистанционная продажа алкогольной продукции не осуществляется.
Villa Raiano: от оливкового масла к одному из лучших фиано Италии
+
6 апреля, 2026Ирпиния, Кампания
+
+
+
+
+
+
+
+
+
+
+
+
Рассказываем о семье Бассо и винодельне Villa Raiano, совершившей небольшую революцию в Ирпинии, сменив курс с красных вин на белые. Судя по нашим последним дегустациям, у них это получилось.
+
На холмах Сан-Микеле-ди-Серино, в провинции Авеллино, расположена винодельня семьи Бассо. Название связано с корнями: Villa Raiano — историческая местность коммуны Серино, где находилась старая оливковая плантация семьи.
+
+
+
+
+
+
+
+
+
+
+
+
+
В середине 1990-х с основанием винодельни в Ирпинии начался винодельческий бум. Первые годы для семьи Бассо были скорее хобби: они делали и разливали вино на семейной маслобойне. С 1999 по 2008 год они стали сотрудничать с энологом Луиджи Мойо, который учился вместе с Сабино Бассо в аграрном институте Авеллино.
+
«В 2008 году мы купили новое оборудование, начали сотрудничество с Фортунато Себастьяно и построили винодельню на вершине холма в Сан-Микеле-ди-Серино», — рассказывает сын Сабино Бассо, Федерико.
+
Открытие в 2009 году совпало с новым курсом: появились четыре белых вина с отдельных виноградников — три Fiano di Avellino и один Greco di Tufo. Через десять лет к работе подключилось новое поколение: «В компанию пришли я, мой брат Фабрицио и наша кузина Брунелла, дочь Симоне».
+
+
+
+
+
+
+
+
+
+
+
+
+
+
В 2024 году открылась новая подземная винодельня, полностью интегрированная в ландшафт. Сегодня Villa Raiano владеет 30 гектарами виноградников: хозяйство работает по биологическим принципам и сертифицировано с 2011 года.
+
«Мы уверены, что наш регион — земля великих белых вин», — говорит Федерико. «Сила наших DOC — в огромных различиях, которые один и тот же сорт может проявлять в разных условиях».
+
Континентальный климат позволяет ягодам созревать медленно, что делает вина особенными — как красные, так и белые. На последних дегустациях Gambero Rosso Fiano di Avellino 2024 года особенно впечатлил итальянских экспертов, получив премию Miglior Qualità Prezzo Regionale гида BereBene 2026.
+
Чем не повод самому проверить мнение Gambero Rosso?
Villa Raiano: от оливкового масла к одному из лучших Fiano Италии
+
История семейного хозяйства из Кампании, где любовь к Ирпинии выросла из маслобойного производства в современную винодельню.
+
+
+
+
+
+
+
+
+
Villa Raiano появилась в 1996 году по инициативе семьи Бассо, известной производством оливкового масла. Первые вина делались в помещениях старого маслобойного завода, а в 2009 году хозяйство переехало в новую винодельню в Ирпинии.
+
Для DP Trade эта история важна не только как биография производителя. Villa Raiano показывает, как локальная ремесленная культура Кампании может стать точной, современной и очень узнаваемой винной стилистикой.
+
Почему Fiano di Avellino
+
Фьяно из Авеллино ценят за минеральность, плотную фактуру и способность к развитию в бутылке. В молодых винах часто появляются цитрусовые, груша, персик, травы и медовые оттенки; с возрастом они становятся глубже, прянее и сложнее.
+
Villa Raiano работает с традиционными сортами региона: Fiano, Greco, Falanghina и Aglianico. Такой фокус помогает хозяйству говорить не универсальным языком международного вина, а языком конкретного места.
+
Фокус карточки новости: семейная история, локальный сорт и ценность производителя для профессионального каталога.
+
Что показать в каталоге
+
Для товарной страницы и подборок можно вынести происхождение, сорт, стиль, потенциал выдержки и гастрономические пары. В B2B-сценарии особенно полезны быстрые маркеры: регион, апелласьон, тип вина, крепость, объем и доступность партии.
+ Живая HTML/CSS витрина компонентов, токенов, паттернов и экранов для сайта DP Trade.
+ Структура повторяет Figma-файл и использует критичный naming format.
+
Этот блок показывает, насколько UI-kit готов к production handoff: что можно использовать сразу, что требует детализации, и какие правила обязательны для новых экранов.
+
+
+
+ Ready
+ Catalog List Cards
+
Есть варианты, состояния, фоны изображений, shadows и реальная страница для проверки.
+
+
+ Ready
+ Navigation / Mega-menu
+
Header, dropdown, hover bridge, ширина контейнера и базовые состояния зафиксированы.
+
+
+ Ready
+ Foundations
+
Цветовые роли, типографика, сетка, spacing, tokens и shadows описаны для dev handoff.
+
+
+ Review
+ Forms / Inputs
+
Есть default/focus/error, но нужны helper text, required, disabled, textarea и validation patterns.
+
+
+ Ready
+ Templates
+
Шаблоны описывают обязательные блоки, компоненты, screen-ссылки и статус готовности.
+
+
+ Review
+ Responsive QA
+
Есть checklist и адаптивные правила, но перед релизом нужен визуальный проход по всем страницам.
+
+
+
+
+ Production rule
+
Новый компонент нельзя считать готовым без anatomy, variants, states, usage, CSS hook и responsive notes.
+
+
+ Screen rule
+
Новый экран должен быть связан с template, иметь статус, ссылку на HTML и список QA-проверок.
+
+
+ Content rule
+
Все изображения должны иметь понятный alt, стабильные размеры контейнера и не ломать layout на mobile.
+
+
+
+
Readiness Matrix
+
+
+
+
+
Раздел
+
Anatomy
+
States
+
Usage
+
Responsive
+
Status
+
+
+
+
+
Foundations
+
Да
+
Да
+
Да
+
Да
+
Ready
+
+
+
Buttons
+
Да
+
Partial
+
Да
+
Да
+
Review
+
+
+
Product Cards
+
Да
+
Да
+
Да
+
Да
+
Ready
+
+
+
Navigation
+
Да
+
Partial
+
Да
+
Partial
+
Review
+
+
+
Forms / Controls
+
Да
+
Partial
+
Да
+
Да
+
Review
+
+
+
Templates / Screens
+
Да
+
Да
+
Да
+
Да
+
Ready
+
+
+
+
+
+
+
+
+
+
01 Foundations
+
База системы
+
+
+
+
Colors
+
+
+
+ Color / Primary / Wine / 100
+ #4B0F24
+
+
+
+ Color / Primary / Wine / 80
+ #6D1C36
+
+
+
+ Color / Neutral / Black
+ #161616
+
+
+
+ Color / Neutral / Gray / 600
+ #66605F
+
+
+
+ Color / Neutral / Gray / 300
+ #D8D3CF
+
+
+
+ Color / Background / Base
+ #F4F6F9
+
+
+
+ Color / Accent / Gold
+ #B9965B
+
+
+
+
+ Text roles
+
`color.text.primary` = #161616 для заголовков и основного текста. `color.text.muted` = #66605F для meta, captions, описаний и вторичных ссылок.
+
+
+ Surface roles
+
`color.background.base` = #F4F6F9 для страницы. `color.surface.default` = #FFFFFF для карточек, форм, таблиц и dropdown.
+
+
+ Brand roles
+
`color.primary.wine.100` для CTA, активных состояний и важных ссылок. `color.accent.gold` для labels, eyebrow и editorial accents.
+
+
+ State roles
+
Error использует #A33A2F. Success/review/draft пока локальные в UI-kit; перед разработкой их нужно вынести в state tokens.
+
+
+
+
+
+
Typography
+
+ Text / Heading / H1 / Montserrat / 48 / 56
+
Rare wines for trade
+
+
+ Text / Heading / H2 / Montserrat / 36 / 44
+
Catalog collections
+
+
+ Text / Heading / H3 / Montserrat / 28 / 36
+
Producer selection
+
+
+ Text / Body / Regular / Inter / 16 / 24
+
Вина, регионы, партии и коммерческие условия в единой системе.
+
+
+ Text / Label / Caps / Inter / 12 / 16
+
FEATURED REGION
+
+
+
+ Hero / H1
+
Montserrat 700-800, uppercase, clamp 44-78px, line-height около 0.98-1.08. Используется на главной и крупных внутренних hero.
+
+
+ Catalog / Product title
+
Montserrat 800, 22-32px для list-card. Не использовать uppercase в текущем каталоге, чтобы длинные названия читались легче.
+
+
+ Article / Lead
+
Inter 22-30px, line-height 1.38-1.48. Используется как первый смысловой абзац в редакционных материалах.
+
+
+ Button / Label
+
Inter 700-800, 14-16px. Текст должен помещаться без переноса на desktop; на mobile кнопка может становиться full-width.
Split hero, date meta, lead, wide image, timeline sidebar, quote, photo grid, final CTA.
+
+
+ Pattern / About Page / Default
+
Hero + короткая история + сетка преимуществ. Подходит для корпоративной страницы без перегруза.
+
+
+ Pattern / Contacts / Form
+
Контактные панели + форма заявки менеджеру. На мобильном блоки идут одной колонкой.
+
+
+ Pattern / Contacts / Auth Gate
+
Контакты открыты, заявка заблокирована для гостя. Показываем CTA входа/регистрации и disabled-preview формы.
+
+
+ Pattern / Editorial Guidelines
+
Guideline cards + checklist. Используется как внутренняя документация для редакции и контент-менеджера.
+
+
+
+
+
+
+
+
+
04 Templates
+
Шаблоны
+
+
Templates описывают каркас страницы: обязательные блоки, опциональные зоны, компоненты и связь с реальным screen. Это не финальный экран, а правило сборки.
+ Status: Draft, needs final product content model.
+
+
+
+
+
+
+
+
05 Screens
+
Реальные экраны
+
+
Этот раздел ведёт на конкретные HTML-страницы проекта. В отличие от Templates, здесь фиксируются уже собранные экраны с реальным контентом, header/footer и состояниями.
+ 
+ 
+ 
+ 
+ 
+ 
