Отступы на сайте CDS
Основная информация
Line height
line-height = font size * 1,45
Цвета
Цвета, использующиеся для текста в дизайн-системе можно увидеть пройдя по ссылке - Текст
Системные шрифты
На данный момент в CDS как основной используется шрифт - Arial.
Рекомендации
Выравнивание
Правое выравние допустимо для небольших объемов текста
Левое выравнивание лучше всего подходит для чтения текста
Выравнивание по центру можно использовать для небольших объемов текста и заголовков.
Допустимо для небольших объемов текста и заголовков
Выравниевание по ширине ухудшает читаемость текста
Регистр
Лучше избегать набора текста в верхнем регистре и использовать его только для компонентов типа тегов. Текст целиком написанный в верхнем регистре значительно замедляет скорость просмотра и чтения по сравнению с нижним регистром.
Верхний регистр хорошо читаем в интерфейсе если он в маленьком формате
Не пишите заголовки полностью в верхнем регистре
Начертание
На данный момент в CDS не используется курсив, а жирное начертание применяется для заголовков
Длина строки
Правильное количество символов в каждой строке помогает сделать текст удобным для прочтения. Для каждого размера экрана оптимальное количество символов в строке разное:
- для мобильных устройств лучше использовать 30 - 40 символов в строке
- для экрана компьютера лучше использовать 50 - 75 символов в строке
Лидинг
Увеличивая межстрочное расстояние, улучшается читаемость в обмен на пространство экрана. Для хорошей читаемости межстрочный интервал должен быть на 30% больше, чем высота символов.
Хорошо подобранное межстрочное расстояние улучшает читабельность
Плохо подобранное межстрочное расстояние ухудшает читабельность