Требования к шапкам лендингов и баннерам на главной hse.ru

Простой вариант

Состоит из текста и фонового изображения. Фон должен быть таким, чтобы на нем хорошо читался текст белого цвета. На фоне не должно быть значимых элементов, которые нельзя обрезать или пересекать текстом. Ширина фонового изображения – 1600px. Картинка обязательно должна быть оптимизирована: https://portal.hse.ru/photo

Сложный вариант – используется, когда у проекта есть свой фирстиль

Баннер/шапка представляет из себя композицию из 3 (или меньше) основных элементов:

1. Фон (пример: заливка цветом, паттерн).

2. Значимый текст (пример: заголовки, название мероприятия, опциональные кнопки).

3. Графический элемент (пример: логотип, иллюстрация, фото).

Для верстки сложного варианта следует прислать команде портала макет в Figma, чтобы отдельные элементы лежали на разных слоях изображения и верстальщик мог использовать их отдельно друг от друга. 

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

3 варианта ширины (все варианты указываются в макете):

1. 375px для мобильных устройств;

2. 800px для планшетов;

3. 1600px для пк и ноутбуков.

Высота баннера на главной странице портала: 776px; 180px сверху и 80px снизу – служебные поля, в которых может быть размещен только фон.

Высота шапки в лендинге: 490px; 45px сверху и 50px снизу – служебные поля, в которых может быть размещен только фон.