Язык дизайна

Холст

Иконки рисуются на холсте 31×29 единиц, рисунок центрирован по точке (15,5; 12,5). Внешние границы задают четыре ключевые линии, то есть направляющие фигуры, благодаря которым иконки имеют одинаковый визуальный размер: круг диаметром 23 единицы, квадрат 20,6, горизонтальный прямоугольник 23×18,4 и вертикальный прямоугольник 18,4×23. Иконки центрируются, а не выравниваются по нижнему краю.

Слои

У иконки есть задний элемент среднего тона с тенью и, как правило, более светлый передний элемент с мягким бликом вдоль верхнего края. Между ними может находиться белое содержимое, например символ или линии. Если переднего элемента нет, белое содержимое достаточно крупное, чтобы образовать второй слой. Верхние углы переднего элемента скруглены отдельно, из-за чего в углах виден задний элемент.

Контуры и углы

Контуры шириной 1 единица находятся снаружи заливки. Радиус скругления равен 2,2 для корпуса иконки (3,2 вместе с контуром) и 1,2 для содержимого. Цветная полоса внутри контура имеет ширину не менее 2 единиц или не рисуется.

Цвет

Каждый тон рассчитывается относительно эталонного синего, а затем смещается к основному цвету с сохранением светлоты относительно него. Знаки белые на элементах среднего тона и тёмные на светлых элементах.

Знаки

Знаки — это линии и символы, нарисованные на иконке. Линии содержимого имеют толщину 1,6, направленные знаки, например стрелки, — 2,2, контуры — 1. Исключение составляют части, похожие на указатель: у них 2,6 или 2,0. Самый маленький элемент — 2,4 единицы. Наконечники стрелок — сплошные треугольники.

Анимация

В анимации два ключевых кадра, исходная поза и поза при наведении, длительность 460 мс. Иконка показывает только то, что делает настоящий предмет: папка открывается, конверт распечатывается, календарь переворачивает страницу. Анимация не заменяет абстрактную идею.

Полные правила находятся в PROMPT.md, который написан на упрощённом китайском языке.