Іконки

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

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

Версії

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

Конструкція

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

Розмір

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

Кольори

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

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

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

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

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

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

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