Дизайн-код

Логотип и знак

Знак — две плитки, которые меняются местами: та же форма, что у фигурок на сайте, и комиксный след движения вместо стрелки. Логотип — знак плюс слово, набранное Oswald 700 капсом.

Знак отдельно

Для аватарки, фавикона и мест, где на слово нет ширины.

Что со знаком делать нельзя

• Растягивать и сжимать — только пропорционально.
• Перекрашивать плитки: киноварная всегда сверху слева, белая снизу справа.
• Ставить на пёстрый фон без подложки — берите версию на бумаге или на чернилах.
• Обводить, добавлять тени и свечение: рамка и след уже внутри знака.
• Разворачивать след движения в другую сторону — он показывает, кто куда переехал.

Минимальный размер — 16px по стороне. Отступ вокруг — не меньше высоты киноварной плитки.

Цвета

Правило одно и оно важнее остальных: киноварь означает действие и совпадение. Если покрасить ею всё, она перестанет что-либо значить.

Шрифты

Oswald 600/700 капсом — заголовки, имена, вкладки, бейджи. Inter — весь остальной текст. Третьего шрифта нет.

Элементы

Из них собран весь сайт. Рамка 2px и тень 3px — только у панелей и кнопок; плитки и чипы плоские, рамка 1.5–2px без тени.

Как оформить пост

Бумажный фон, заголовок Oswald капсом, один киноварный акцент на всю картинку. Растр — только внутри киноварной плашки, никогда фоном. Фигурки — на белых плитках с чернильной рамкой.

Как мы говорим

Коротко, по-человечески, без канцелярита и без восклицательных знаков.