Spaceshipのピクトグラムには2種類あります：レギュラーとコンプです。コンプタイプは、Spaceshipのアイコノグラフィライブラリのアイコンとレギュラーピクトグラムを組み合わせ、より複雑で特定の概念を伝えることができます。

すべてのSpaceshipピクトグラムは2つのバージョンで提供されています：塗りつぶし（プライマリー）とアウトライン（セカンダリー）です。アウトラインバージョンは、ピクトグラムが周囲のピクトグラムやテキスト、UIコンポーネントよりも視覚的な重みを抑える必要がある場合のみ使用してください。これにより、複雑なレイアウトで視覚的な階層を確立できます。

ピクトグラムは、ベースグリッドからグラデーションやストロークパラメータまで、一連のルールに基づいて設計されており、一貫性とバランスの取れた結果を保証します。

Spaceshipのピクトグラムは拡大縮小可能に設計されており、視覚的一貫性と最適な判読性を維持します。デザインシステムには5つのピクトグラムサイズがあります。

ピクトグラムは通常、単一の色相を使用します。唯一の例外はコンプタイプで、ブランドや通知カラーが含まれる場合があります。詳細は下記をご覧ください。UIコンテキストでの一貫性を確保するため、ピクトグラムはSpaceshipデザインシステムのカラーレファレンスに従います。

デフォルトカラー

グレーはピクトグラムのデフォルトカラーであり、メッセージ、アクション、または機能を表す際に使用してください。特別な場合には製品にも使用できます。アウトラインピクトグラムはデフォルトカラーのみ利用可能です。

ブランドカラー

SPSブルー、SPSダークグレー、または白は、より視覚的なインパクトが必要な場合やSpaceshipのアイデンティティを強調するために、デフォルトカラーの代わりに使用できます。詳細はカラーページをご覧ください。

製品カラー

製品専用のコンテキスト（製品ページ、製品カードなど）では、すべての現行および今後の製品に対して、主要な製品カラーをピクトグラムに使用してください。

通知カラー

これらのカラーは通知メッセージを強調するために使用してください。コンプバージョンは一般的なシステムメッセージのみに使用し、警告状態では使用しないでください。

ピクトグラムを作成・使用する際に避けるべき例をいくつかご紹介します。