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

Курсор для 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, тонкі накреслення — для великих цифр. Файли шрифту ми не роздаємо.

Кнопки та іконки

Кнопка одна на весь сайт, відрізняються лише варіанти. Наведіть курсор: навколо кнопки спалахує її ж колір, а іконка всередині оживає — голої іконки в кнопці не буває.

Анімації іконок