Дизайн сторінок та розташування елементів

Last updated on: December 9, 2025

Типовий набір зображень для туру + подій

  • tour_1160x1060
  • tour-cards-560×316
  • card_560x840 (розміри, можливо, зміняться – зображення подій в сторінці афіші)
  • artist_560x560
  • event_2880x960
  • slider_2360x960 (використовується головне зображення tour-cards-560×316, тож наразі не актуально)
  • mobilе_440x713

Загальні рекомендації:

  1. Розміщуйте обʼєкти на зображеннях так, щоб при незначному обрізанні картинка зберігала якісний вигляд (потрібні хоча б мінімальні відступи по краях)
  2. Для сторінки події (event_2880x960) враховуйте область що перекрита

Сторінка Туру (див. на сайті)

  • Зображення 1160х1060 (tour_1160x1060)

Сторінка події (див. на сайті)

  • Зображення 2880х960 (event_2880x960)
  • Важливо (!) Частина зображення перекривається та розмивається блоком, що знаходиться по лівій стороні
  • Для зручності, нижче можна завантажити зображення з поміченою зоною, що буде перекрита блоком з основними даними про подію

Додаткові (зображення, що відображаються за межами сторінок; див. на сайті)

  • Зображення в блоці з турами на головній 560×316 (tour-cards-560×316)

Сторінка артиста (зображення профілю, див. на сайті)

  • Зображення 560×560 (artist_560x560)
  • Зображення використовується в кількох місцях та автоматично обрізається (кругла та квадратні версії)
  • На фоні сторінки артиста – використовується зображення тих же розмірів, що і на сторінці подій (event_2880x960)

Афіша

  • Зображення для сторінки афіші та інших місць, де відображаються рекомендації (пропорції/розміри все ще затверджуються)