Сезонные темы в новом дизайне
Четыре сезона сменяют друг друга по датам, праздники ложатся поверх на свои дни. Тема трогает не только первый экран: шапку, нижнюю панель, кнопки, чипы, карточки, пустые состояния, боковые колонки, заголовки, бейджи, подвал и тосты. Правило — один сильный акцент на экран и мелкие детали; кнопка со значком темы в шапке выключает всё.
Весна
Сезон · по умолчанию 01.03–31.05
Палитра
свежая зелень и розовые лепестки, главная кнопка мятная
- Главная кнопка
- Акцент
- Второй акцент
- Светлый фон
- Текст ссылок
Рисунки
ветка с цветами и почками, птицы, лепестки падают в первом экране
- Значок
- Край шапки и подвала
- Частицы (только в акценте)
- Уголок
Тексты-мелочи
- Приветствие
- С весной, Анна! Самое время обновить вишлист
- Карточка «Добавить»
- Что хочется к весне? По ссылке или вручную
- Пустое состояние
- Весна — хороший повод начать с чистого листа
- Блок сбоку
- Весенние идеи — Велосипед, кеды, рассада и пикник — 40 идей к первым тёплым дням
- Повод для новости
- В начале марта: «Весенние подборки и оформление» — ссылка на подборку, пара скриншотов
Экраны в теме
Кадры живые: прокручиваются, кнопка темы в шапке кадра работает. Отдельные страницы тем — внизу.
Главная гостя
Акцент — первый экран: фон темы, частицы, рисунок наклейкой на превью вишлиста, чип с подборкой.
Главная после входа
Акцент — карточка профиля с приветствием по сезону. В «Скоро» — строка с сезонной подборкой.
Свой вишлист
Акцент — карточка «Добавить желание». Наклейка на третьей карточке, сезонный блок справа, тост.
Страница желания
Акцент — рамка картинки с рисунком в углу. Заголовок «Ещё из списка» со значком.
Посадочная «День рождения»
Цвет посадочной не меняем — только частицы и рисунок в углу картинки, заголовки и кнопки.
Пустое состояние
Рисунок темы на картинке, подпись-мелочь, первым шаблоном — сезонный.
Что участвует в теме
Больше элементов, но каждый — чуть-чуть. Сильный акцент и анимация — только один на экран.
- Шапка
Под шапкой висит гирлянда темы (листья, флажки, иней), у логотипа — маленький значок. Сама шапка остаётся белой.
все страницы - Кнопка темы в шапке
Круглая кнопка со значком темы. Нажал — все украшения пропали, кнопка перечёркнута. Выбор помнится для этой темы.
все страницы - Нижняя панель
Круглая «Добавить» в цвете темы со значком-наклейкой, активный раздел — цветом темы.
телефон - Главные кнопки
Жёлтые кнопки берут цвет темы (мятный, абрикосовый, ледяной…), текст остаётся чёрным. «Добавить желание» в шапке — со значком.
все страницы - Чипы и фильтры
Выбранный чип — цветом темы, при наведении — светлый оттенок. Те же сверстанные чипы, без замены.
вишлист друга, главная, идеи - Карточки желаний
Одна наклейка на сетку: значок темы на картинке третьей карточки. Остальные карточки не трогаем.
свой и чужой вишлист - Карточка-действие в сетке
Главный акцент вишлиста: заливка темы, рисунок в углу, падающие лепестки. Подпись по сезону: «Что хочется к весне?»
свой вишлист - Пустые состояния
К картинке добавляется рисунок темы, фон в цвет темы, под текстом — подпись-мелочь. Первым шаблоном — сезонный.
пустые списки, избранное, брони - Боковые колонки
Сезонный блок: «Скоро 8 марта — подборка», «Летние идеи». На главной после входа — строкой в «Скоро».
свой вишлист, главная после входа - Заголовки секций
Маленький значок темы перед заголовком h2 — только у заголовков секций, не у карточек.
все страницы - Прогресс и бейджи
Полоса складчины и «Свободно 9 из 12» — градиентом темы, жёлтые бейджи «Через 23 дня» — оттенком темы.
вишлист друга, складчина - Подвал
Сверху по краю тёмного подвала — та же гирлянда, что под шапкой: страница «обрамлена» с двух сторон.
все страницы - Фон страницы
Очень бледный узор из частиц темы на белом фоне, на тексте почти не виден. Курсор не меняем: чужой курсор мешает.
все страницы - Тосты
Значок темы и полоска цветом темы, вторая строка — мелочь по сезону: «Букет желаний пополнился».
после действий - Сильный акцент (один на экран)
Профиль на главной после входа, первый экран гостя и посадочной, карточка-действие вишлиста, рамка картинки желания. Только здесь анимация.
по одному на экран
Год по темам
Сезоны снизу, праздники поверх. Выбранная тема обведена.
- 💌 14 февраля · 07.02–15.02
- ⭐ 23 февраля · 16.02–24.02
- 🌷 8 марта · 01.03–09.03
- 🎃 Хеллоуин · 24.10–01.11
- 🎄 Новый год · 01.12–14.01
Как это работает
- Даты по умолчаниюВесна 01.03–31.05, лето 01.06–31.08, осень 01.09–30.11, зима 01.12–28.02 (в високосный — по 29.02). Праздники: 14 февраля 07–15.02, 23 февраля 16–24.02, 8 марта 01–09.03; Хеллоуин и Новый год — как сейчас в «Сезонном» (24.10–01.11 и 01.12–14.01). Даты — день и месяц, повторяются каждый год, время по Москве.
- Праздник важнее сезонаНа свои даты праздничная тема полностью заменяет сезонную: 1–9 марта — «8 марта», с 10 марта — весна; 1 декабря — 14 января — Новый год, с 15 января — зима. Если админ сдвинул даты и праздники пересеклись: Новый год → Хеллоуин → 8 марта → 23 февраля → 14 февраля.
- Админка: «Настройки → Сезонное»Общий выключатель «Сезонные темы», у каждой темы — «включена», даты «с» и «по», «анимация: спокойно / с движением» и ссылка предпросмотра ?season_preview=<id>. Выключенная тема пропускается: на её даты остаётся сезон или обычный сайт. Кнопка в шапке — как сейчас, «показывать кнопку».
- Кнопка «выключить украшения»Значок темы в шапке. Нажал — пропали все украшения: гирлянды, значки, цвета кнопок, частицы, подписи-мелочи. Выбор помнится для этой темы (cookie wm_season_off = id), следующая тема включится сама. Контент (сезонная подборка сбоку) остаётся, но без оформления.
- Тихая выкладкаТема меняется сама по датам: без уведомлений, писем и окон «У нас весна!». Новость пишем руками в начале сезона как повод — с подборкой и скриншотом. Смена шрифтов и разметки не нужна: только переменные и рисунки.
- АккуратноОдин сильный акцент на экран, анимация только в нём; при «уменьшить движение» частицы стоят. Декор не ловит клики и скрыт от скринридеров, текст всегда чёрный на светлом — контраст тот же, что без темы.
«Сезонное» в админке
| Тема | Включена | С | По | Анимация | Предпросмотр |
|---|---|---|---|---|---|
| 🌱 Весна | 01.03 | 31.05 | Спокойно | ?season_preview=spring | |
| ☀️ Лето | 01.06 | 31.08 | Спокойно | ?season_preview=summer | |
| 🍂 Осень | 01.09 | 30.11 | Спокойно | ?season_preview=autumn | |
| ❄️ Зима | 01.12 | 28.02 | Спокойно | ?season_preview=winter | |
| 💌 14 февраля | 07.02 | 15.02 | С движением | ?season_preview=valentine | |
| ⭐ 23 февраля | 16.02 | 24.02 | С движением | ?season_preview=feb23 | |
| 🌷 8 марта | 01.03 | 09.03 | С движением | ?season_preview=march8 | |
| 🎃 Хеллоуин | 24.10 | 01.11 | С движением | ?season_preview=halloween | |
| 🎄 Новый год | 01.12 | 14.01 | С движением | ?season_preview=newyear |
Над таблицей — общий выключатель «Сезонные темы» и «Кнопка в шапке». Даты повторяются каждый год, время по Москве.
Страницы тем
Главная после входа и свой вишлист в теме и с выключенной темой.