- Figma, Sketch (рекомендуется)
- Photoshop (рекомендуется в купе с плагином zeplin ). Статья про Zeplin на Habr
- jpg
- не допустимо использовать для подложек (фон) большие изображения, т.к. страница становиться тяжеловесной и долго грузиться
- png
- рекомендуется использовать только при невозможности создать элемент в векторе
- svg
- рекомендуется использовать для значков, лого и подложек (фон)
- не допустимо использовать вложенные растровые изображения или зависимости от них
- ogv
- mp4
- webm
- --- рекомендуется иные форматы преобразовывать в перечисленные сверху и делать копии во всех сразу
- рекомендуется использовать минимальное количество шрифтовых гарнитур
- рекомендуется использовать стандартные шрифты (Пример типов шрифтов, Описание с примерами на Habr)
- не рекомендуется использовать больше 3 шрифтов на сайте
- рекомендуется использовать цветовую схему и на протяжении проекта не нарушать ее
- рекомендуется расстояние до одинаковых элементов, например от заголовка до контента должны быть одинаковые
- рекомендуется определять микро-модуль. Модульные сетки
- рекомендуется определить стили для всех типов текста
- рекомендуется определить все состояния элементов (выделенный, нажатый, активный)