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

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

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

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

ブランドカラー

Spaceshipのコアカラーは、プラットフォームUIなどの機能的な場面や、製品ページでの特徴表現など、どの用途でもアイコンの主な選択肢となります。詳細はカラーページをご覧ください。

製品カラー

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

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