すべてのSpaceshipアイコンは、アウトライン（プライマリ）と塗りつぶし（セカンダリ）の2種類があります。

アイコンは、ベースグリッドからストロークパラメータまで定義されたルールに従って設計されており、一貫性とバランスの取れた仕上がりを実現しています。

設計上スケーラブルなアイコンは、システム全体で明瞭さと視覚的な調和を保つために5つのサイズで使用することを推奨します。

カラーは、特定のインターフェース内でユーザーが自分の製品をより簡単に識別できるようにする重要な要素です。これらのUIコンテキストで一貫性を保つため、アイコンにはSpaceship Design Systemのカラーが使用されています。

ブランドカラー

Spaceshipのコアカラーは、アイコンの主な選択肢として使用してください。これはプラットフォームUIのような機能的な場面でも、製品ページでの特徴表現のようなイラスト的な用途でも同様です。詳細はカラーページをご覧ください。

製品カラー

製品のメインカラーは、それぞれのアイコンに適用する必要があります。これはSpaceshipエコシステム全体で製品の認知と認識を高めるために重要です。

アイコンを使用する際に避けるべき例をいくつかご紹介します。