Дизайн и ресурсы

Курсор для Windows

Три фигуры сайта — стрелка, рука и курсор текста — собраны в схему указателей: все 15 ролей, тёмный и светлый вариант, чёткие на любом размере указателя.

Тёмная схема

Светлая схема

1. 1Распакуйте архив целиком: «install.inf» и папка «cursors» должны лежать рядом.
2. 2Правый клик по «install.inf» → «Установить». В Windows 11 пункт прячется под «Показать дополнительные параметры».
3. 3Параметры → Мышь → Дополнительные параметры мыши → «Указатели» → схема «A-Faction» → Применить.

Без прав администратора поможет «apply.ps1» из архива: он меняет указатели только для вашей учётной записи, «restore.ps1» возвращает прежние. Нажатого состояния в схеме нет — Windows не меняет указатель по клику.

Логотипы

Знак и надпись обрезаны строго по контенту — поля вокруг задаёт макет, а не картинка.

Знак

Вектор для любого размера — от фавикона до печати.

SVGСкачать

Знак, растр

Квадрат 2016 × 2090 для мест, где вектор не принимают.

PNGСкачать

Надпись

Знак и название в строку, 426 × 144.

PNGСкачать

Надпись, крупная

Та же строка в 1600 × 398 — для широких баннеров.

PNGСкачать

Обложка ссылок

1200 × 630, превью сайта в соцсетях и мессенджерах.

PNGСкачать

Правила

• Не добавляйте знаку свои поля и подложки.
• Не перекрашивайте и не кладите на пёстрый фон.
• Масштабируйте пропорционально, без наклона.
• Не собирайте из знака новый логотип.

Цвета тем

Те же переменные, что в коде сайта. Нажмите на образец — код скопируется.

Шрифт

Сайт и панель набраны одним семейством: заголовки в af-Bold и af-Medium, текст в af-Regular и af-Light, тонкие начертания — для крупных цифр. Файлы шрифта мы не раздаём.

Кнопки и иконки

Кнопка одна на весь сайт, отличаются только варианты. Наведите курсор: вокруг кнопки загорается её же цвет, а иконка внутри оживает — голой иконки в кнопке не бывает.

Анимации иконок