Этап 37 · 16.10

Сезонные темы в новом дизайне

Четыре сезона сменяют друг друга по датам, праздники ложатся поверх на свои дни. Тема трогает не только первый экран: шапку, нижнюю панель, кнопки, чипы, карточки, пустые состояния, боковые колонки, заголовки, бейджи, подвал и тосты. Правило — один сильный акцент на экран и мелкие детали; кнопка со значком темы в шапке выключает всё.

Сезоны
Праздники
🌱

Весна

Сезон · по умолчанию 01.03–31.05

Палитра

свежая зелень и розовые лепестки, главная кнопка мятная

  • Главная кнопка
  • Акцент
  • Второй акцент
  • Светлый фон
  • Текст ссылок

Рисунки

ветка с цветами и почками, птицы, лепестки падают в первом экране

  • Значок
  • Край шапки и подвала
  • Частицы (только в акценте)
  • Уголок

Тексты-мелочи

Приветствие
С весной, Анна! Самое время обновить вишлист
Карточка «Добавить»
Что хочется к весне? По ссылке или вручную
Пустое состояние
Весна — хороший повод начать с чистого листа
Блок сбоку
Весенние идеи — Велосипед, кеды, рассада и пикник — 40 идей к первым тёплым дням
Повод для новости
В начале марта: «Весенние подборки и оформление» — ссылка на подборку, пара скриншотов
Желание добавленоСписок подрастает: уже 6 желаний

Экраны в теме

Кадры живые: прокручиваются, кнопка темы в шапке кадра работает. Отдельные страницы тем — внизу.

Главная гостя

Акцент — первый экран: фон темы, частицы, рисунок наклейкой на превью вишлиста, чип с подборкой.

Главная гостя · 1440
Главная гостя · 375

Главная после входа

Акцент — карточка профиля с приветствием по сезону. В «Скоро» — строка с сезонной подборкой.

Главная после входа · 1440
Главная после входа · 375

Свой вишлист

Акцент — карточка «Добавить желание». Наклейка на третьей карточке, сезонный блок справа, тост.

Свой вишлист · 1440
Свой вишлист · 375

Страница желания

Акцент — рамка картинки с рисунком в углу. Заголовок «Ещё из списка» со значком.

Страница желания · 1440
Страница желания · 375

Посадочная «День рождения»

Цвет посадочной не меняем — только частицы и рисунок в углу картинки, заголовки и кнопки.

Посадочная «День рождения» · 1440
Посадочная «День рождения» · 375

Пустое состояние

Рисунок темы на картинке, подпись-мелочь, первым шаблоном — сезонный.

Пустое состояние · 1440
Пустое состояние · 375

Что участвует в теме

Больше элементов, но каждый — чуть-чуть. Сильный акцент и анимация — только один на экран.

  • Шапка

    Под шапкой висит гирлянда темы (листья, флажки, иней), у логотипа — маленький значок. Сама шапка остаётся белой.

    все страницы
  • Кнопка темы в шапке

    Круглая кнопка со значком темы. Нажал — все украшения пропали, кнопка перечёркнута. Выбор помнится для этой темы.

    все страницы
  • Нижняя панель

    Круглая «Добавить» в цвете темы со значком-наклейкой, активный раздел — цветом темы.

    телефон
  • Главные кнопки

    Жёлтые кнопки берут цвет темы (мятный, абрикосовый, ледяной…), текст остаётся чёрным. «Добавить желание» в шапке — со значком.

    все страницы
  • Чипы и фильтры

    Выбранный чип — цветом темы, при наведении — светлый оттенок. Те же сверстанные чипы, без замены.

    вишлист друга, главная, идеи
  • Карточки желаний

    Одна наклейка на сетку: значок темы на картинке третьей карточки. Остальные карточки не трогаем.

    свой и чужой вишлист
  • Карточка-действие в сетке

    Главный акцент вишлиста: заливка темы, рисунок в углу, падающие лепестки. Подпись по сезону: «Что хочется к весне?»

    свой вишлист
  • Пустые состояния

    К картинке добавляется рисунок темы, фон в цвет темы, под текстом — подпись-мелочь. Первым шаблоном — сезонный.

    пустые списки, избранное, брони
  • Боковые колонки

    Сезонный блок: «Скоро 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.0331.05Спокойно?season_preview=spring
☀️ Лето01.0631.08Спокойно?season_preview=summer
🍂 Осень01.0930.11Спокойно?season_preview=autumn
❄️ Зима01.1228.02Спокойно?season_preview=winter
💌 14 февраля07.0215.02С движением?season_preview=valentine
⭐ 23 февраля16.0224.02С движением?season_preview=feb23
🌷 8 марта01.0309.03С движением?season_preview=march8
🎃 Хеллоуин24.1001.11С движением?season_preview=halloween
🎄 Новый год01.1214.01С движением?season_preview=newyear

Над таблицей — общий выключатель «Сезонные темы» и «Кнопка в шапке». Даты повторяются каждый год, время по Москве.

Страницы тем

Главная после входа и свой вишлист в теме и с выключенной темой.