1) Адаптивный дизайн
2) Ширина контента 1170 px
3) Если нужно создать дизайн сайта/страницы “на всю ширину экрана”, использовать канвас 1366 px
4) Желательно, чтобы высота блока не превышала высоту экрана ноутбука (768 px). Если задумка или контент требует других размеров, не проблема.
5) Использовать векторные иконки (SVG). Или лучше из библиотеки FontAwesome. Скачать можно тут.
6) Шрифты использовать из библиотеки Google. В макете сделай ссылку на шрифт.
7) Если шрифты не из библиотеки Гугла, приложи шрифты, которые в нем использовались, к макету
8) Шрифты должны поддерживать языки перечисленные в ТЗ.
9) Все изображения (фоны, иконки) предоставить отдельно от макета. Название файлов на латинице соответственно блоку, для которого они предназначены. Пример по ссылке
10) Фоновые изображения должны быть минимум 1920 px по ширине
11) Прилагаемые изображения оптимизировать для загрузки на сайт, используя tinypng.com или подобный сервис
12) Прорисовывать ховеры по требованию (уточнить у менеджера для каких элементов они нужны).
13) В подвале добавить текст “Сайт разработан BrainWorks” на языке используемом в макете
14) Сделать favicon. Размер 512×512 пикселей, формат – jpg или png
15) На внутренних страницах не забываем про “хлебные крошки”
16) Минимальный рекомендуемый размер шрифта 14px. Желательно использовать не более 5 размеров шрифта.
17) Использовать не более 2-х семейств шрифтов, в идеале 1, так как это влияет на производительность сайта.
18) Максимум 2 стиля кнопок: со сплошной заливкой не более 2-ух цветов, outline – не более 2х цветов
19) Если есть отзывы: в карусели должно быть по одному отзыву (не в 2 или более колонок)
20) Если есть идея упаковать контент в виде функциональных элементов (вкладки, табы, карусель…), согласовать с менеджером
21) Можно использовать бесплатные анимации с сайта/библиотеки lottiefiles.com
22) Сделать фоновую картинку для всплывающих окон с формами обратной связи. Размер 800х500 пикселей. Формы рисовать не нужно
23) Графический редактор Фигма (предпочтительнее) или Фотошоп