Іконки

Іконки Spaceship перетворюють складні дії та ідеї на миттєво впізнавані символи, допомагаючи користувачам легко орієнтуватися та взаємодіяти.

Hero Image

Універсальні, але впізнавані, наші іконки — це найменші будівельні блоки бренду, створені для миттєвого розпізнавання з чітким збереженням ідентичності Spaceship.



Версії

Усі іконки Spaceship доступні у двох версіях: контурній (основній) та заповненій (додатковій).









Побудова

Іконки створюються за визначеними правилами — від базової сітки до параметрів обведення — що забезпечує послідовність і баланс.









Розмір

Іконки масштабуються за задумом, їх слід використовувати у п’яти розмірах для збереження чіткості та візуальної гармонії у всій системі.









Кольори

Колір — це важливий елемент, який допомагає користувачам легше ідентифікувати свої продукти в певному інтерфейсі. Для забезпечення послідовності в цих UI-контекстах іконки використовують кольори Spaceship Design System.






Фірмові кольори

Як основні кольори Spaceship, саме вони мають бути основним вибором для іконок — як у функціональних контекстах, наприклад, у UI платформи, так і для ілюстративних цілей, наприклад, для представлення функцій на сторінках продуктів. Дивіться сторінку з кольорами для додаткової інформації.






Кольори продукту

Основні кольори продукту мають застосовуватися до відповідних іконок. Це важливо для впізнаваності продукту та обізнаності у всій екосистемі Spaceship.






Кольори сповіщень

Використовуйте кольори сповіщень для підсилення повідомлень про попередження. Їх слід застосовувати лише до іконок попереджень, з рідкісними винятками, коли інша іконка також позначає стани успіху, помилки або попередження.







Рекомендації

Ось кілька прикладів того, чого слід уникати при використанні іконок.




Не спотворюйте, не обертайте і не віддзеркалюйте іконки. Завжди масштабуйте пропорційно.


Не використовуйте іконки більші за 40x40px. Дотримуйтеся балансу між елементами.


Не використовуйте відтінки чи тіні.