ファウンデーション
ブランド · ロゴ
ウェイポイント
ATLVS のマークは ウェイポイント は、中心に空隙を持つ8方位のナビゲーションスター。航法システム全体をひとつの幾何学グリフへと刻み込んだもの。ニュートラルな SaaS のトーンで、プロダクトごとに色を変える。親会社専用マークである GHXSTSHIP の宇宙的なゴーストシップのスカルとは一線を画す。
タイルがプロダクトのアクセントカラーを担い、スターは白のまま（明るい地ではインク）。ワードマークは常に字間を空けた大文字で改行なし。小文字は不可、URL と ID 以外で字間を詰めるのも不可。
| ワードマーク仕様 | 設定 |
|---|---|
| 書体 | Jost 幾何学的、ロゴロックアップ専用。見出しは Anton、本文と UI は Hanken Grotesk。 |
| A の字 | むき出しの頂点。 横棒なし、V は反転。A と V は鏡像として読める。 |
| 設定 | 字間を空けた大文字、改行なし。フルロックアップでは、 TECHNOLOGIES は ATLVS とちょうど同じ幅になるよう字間を調整する。 |
| サブタイトル | サブタイトルを持つのは ATLVS のみ TECHNOLOGIES。Compass、Gateway、Legend は単独で立つ。 |
ひとつのマーク、4つのアクセント
各プロダクトは、それぞれのアクセントタイルに載った同じウェイポイント。ひと目でファミリー、ひと目で識別可能。
プロデューサー / 社内
クルー / ベンダー / タレント
ゲスト / クライアント
ナレッジ / ラーニング
ニュートラル / スイート
クリアスペースと使用法
四方にマーク高さの半分に等しい余白を確保する。
- タイルをプロダクトのアクセントカラーに再着色する。スターは白のまま（明るい地ではインク）。
- クリアスペース = マーク高さ½ を保つ。
- 16px 以下ではベアマーク、32px 以上ではタイル付きアイコンを使う。
- 字間を空けた A T L V S ワードマークと組み合わせ、改行なし。
- スターそのものを再着色したりグラデーションをかけたりしない。色を担うのはタイルのみ。
- 回転・伸縮させたり、宇宙的なハーフトーンやスカルを加えたりしない。
- ワードマークを字間なしや小文字で組まない。
- ソリッドタイルなしで、込み入った写真の上にベアマークを置かない。
ファウンデーション · カラー
カラー
ニュートラルなサーフェスが仕事をこなし、プロダクトごとに1つのアクセントがアイデンティティを担う。すべての値は --p-* ネームスペースから導出され、AA コントラストのためモードごとに再調整される。
ファウンデーション · タイプ
タイポグラフィ
Monument。 見出しとメトリクスは Anton（極端にコンデンスされたオールキャップスのディスプレイ書体） で組む。単一のブラックウェイトが、プロダクトにポスタースケールの存在感を与える。本文と UI は Hanken Grotesk を保ち、テーブルやフォームがすっきり読める。 Space Mono はアイブロウと座標的な語彙（ID、コード、ラベル）に用いる。そして Jost は構築されたワードマークロックアップ専用。ディスプレイ見出しはオールキャップス（Anton はキャップス書体）、本文とラベルはタイトル／センテンスケースを保つ。
ワイドな見出しを展開する3つの公認手法。コンテキストに応じて適切なものを使い、1つのビューで2つ以上を混在させない。
アクセントバー + ライブのモノキッカー。アプリクロームとページヘッダーのデフォルト。
1単語がプロダクトのアクセントを担い、見出しがそれ自体でブランドになる。カバー、マーケティング、スプラッシュ向け。
タブラー数字を 900 / エクスパンデッドで。ダッシュボードとレポート向け。
ファウンデーション · スペース
スペーシング
4px ベースのグリッド。デンシティがコントロールと行のリズムを切り替える。同じトークンが、より密に締まる条件は data-density="compact".
ファウンデーション · 角丸
角丸
ソフトで生産性ツールに馴染む。ポップアート的にシャープにはしない。ピル形状はチップとトグルのみ。
ファウンデーション · エレベーション
エレベーション
クールで引き締まった3段階スケール：静止 → ホバー → ポップオーバー & モーダル。シャドウはライトでは控えめに保ち、ダークではボーダーに頼る。
ファウンデーション · モーション
モーション
素早く、気取らない。1つのイージングカーブ、短いデュレーション、そして厳格なルール：テーマ切り替えをまたいでトークン由来の background をトランジションしない。即座に再着色し、代わりにアニメートするのは filter または opacity 。
| トークン | 値 | 用途 |
|---|---|---|
--p-ease | 140ms cubic-bezier(.2,.7,.2,1) | ホバー、プレス、マイクロインタラクション |
| ホバーリフト | translateY(-2px) + elev-2 | カード、統計タイル |
| スケルトンシマー | 1.4秒 ease、無限ループ | ローディングのプレースホルダー（reduced-motionに準拠） |
| スピナー | 0.7秒 linear | 処理中のアクション |
ファウンデーション · アイコン
アイコノグラフィー
Phosphor Icons。 ボールド ウェイトはUIに、 フィル はステータスシールと強調に。テキストと揃えるときは16〜20px、単独アクションは24px。単色で、継承する currentColor.