Tất cả biểu tượng của Spaceship đều có sẵn ở hai phiên bản: viền nét (chính) và tô đầy (phụ).

Các biểu tượng được thiết kế theo những quy tắc đã xác định — từ lưới cơ sở đến các thông số nét vẽ — nhằm đảm bảo kết quả nhất quán và cân đối.

Được thiết kế để có thể mở rộng, các biểu tượng nên được sử dụng ở năm kích thước để պահպան độ rõ ràng và sự hài hòa thị giác trong toàn bộ hệ thống.

Màu sắc là một yếu tố thiết yếu giúp người dùng nhận diện sản phẩm của họ dễ dàng hơn trong một giao diện cụ thể. Để đảm bảo tính nhất quán trong các ngữ cảnh UI này, các biểu tượng sử dụng  màu của Spaceship Design System.

Màu sắc thương hiệu

Là các màu cốt lõi của Spaceship, đây nên là lựa chọn ưu tiên cho biểu tượng — dù trong các ngữ cảnh chức năng như UI của nền tảng hay trong các cách dùng mang tính minh họa hơn, chẳng hạn như thể hiện tính năng trên các trang sản phẩm. Hãy xem trang màu sắc để biết thêm chi tiết.

Màu sắc sản phẩm

Các màu chính của một sản phẩm nên được áp dụng cho các biểu tượng tương ứng của sản phẩm đó. Đây là yếu tố then chốt để tăng khả năng nhận diện và mức độ ghi nhớ sản phẩm trong toàn bộ hệ sinh thái Spaceship.

Dưới đây là một số ví dụ về những điều cần tránh khi sử dụng biểu tượng.