ブランドアプリケーションは、Alius デザインシステムがすべてのタッチポイントでどのように実装されるかを定義します。各適用コンテキストには固有の要件がありますが、コアのブランドアイデンティティとの一貫性を維持します。
ウェブサイト
Alius ウェブサイトは、最も重要な公開向けブランド表現です:
- ホームページ: ブランドポジショニング、注目製品、コミュニティハイライト、はじめたい方向けの CTA を伝える
- 製品ページ: ハードウェアおよびソフトウェア製品を仕様、画像、ドキュメントリンクとともに紹介
- 概要ページ: ブランドストーリー、チーム、ミッション、バリュー
- お問い合わせページ: サポートチャンネル、パートナーシップのお問い合わせ、コミュニティリンク
ウェブサイトのブランドルール
- トップナビゲーションは標準ナビゲーションパターンに従う
- フッターにはロゴ、プライマリリンク、ソーシャルリンク、法務情報を含める
- ヒーローセクションはディスプレイタイポグラフィとブランド写真スタイルを使用
- カラー使用はブランド、ニュートラル、セマンティックカラーシステムに従う
- ダークモードを全体でサポート
ドキュメントセンター
ドキュメントセンターは、最もコンテンツ量の多いブランドアプリケーションです:
- 構造: 左サイドバーナビゲーション、中央コンテンツエリア、右 TOC
- コンテンツ: API リファレンス、ガイド、チュートリアル、変更履歴、FAQ
- 検索: 全ドキュメントの全文検索
- バージョニング: バージョンスイッチ付きのマルチバージョンドキュメント
- 国際化: 翻訳コンテンツの言語スイッチ
ドキュメントのブランドルール
- タイポグラフィは可読性を優先(Docs フォントレイヤー)
- コードブロックは Mono/Code フォントレイヤーとシンタックスハイライトを使用
- コールアウトブロックはセマンティックカラーを使用(青=情報、黄=警告、赤=危険、緑=ヒント)
- ナビゲーションはドキュメントパターン仕様に従う
- ページは統一ドキュメント構造に従う
ソフトウェアクライアント
Alius 製品の設定と制御のためのデスクトップまたはウェブベースのソフトウェアクライアント:
- ダッシュボード: 接続デバイス、最近のアクティビティ、システムステータスの概要
- 設定: デバイスとシステム設定のフォームとエディタ
- ターミナル: CLI コマンドとログ出力用の内蔵ターミナル
- モニタリング: デバイスセンサーとパフォーマンスのリアルタイムデータビジュアライゼーション
ソフトウェアクライアントのブランドルール
- UI タイポグラフィは UI フォントレイヤーに従う
- すべての設定フォームでデータエントリパターンに従う
- すべての操作結果でフィードバックパターンを使用
- ダークモードがデフォルト(ライトモードも利用可能)
- 装飾要素を最小限に — マーケティング感よりツール感
ハードウェア
物理製品、パッケージング、印刷物:
- 製品筐体: ブランドマークの配置、製品名、型番、規制マーク
- パッケージング: 製品画像、名前、主要仕様、ブランドカラーを含む箱デザイン
- クイックスタートガイド: セットアップ手順と安全情報を含む印刷インサート
- ラベル / ステッカー: 製品シリアル番号、ドキュメントへの QR コードリンク、コンプライアンスマーク
ハードウェアのブランドルール
- ロゴ配置はロゴ使用ガイドラインに従う(クリアスペース、最小サイズ、歪み禁止)
- ブランドカラーは物理製品では控えめに使用 — ニュートラルと素材カラーが主体
- 印刷物のタイポグラフィはブランドフォントファミリーを使用
- 写真スタイルは画像とイラストのガイドラインに従う
オープンソースプロジェクト
GitHub リポジトリ、README ファイル、コミュニティ向けプロジェクトページ:
- リポジトリ README: プロジェクト説明、インストール、使用方法、貢献ガイドライン、ライセンスを含む一貫したテンプレート
- リポジトリブランド: リポジトリソーシャルプレビュー画像で Alius ロゴを使用
- イシューテンプレート: バグレポート、機能リクエスト、質問用の標準テンプレート
- プルリクエストテンプレート: チェックリストと説明フォーマット付きの標準テンプレート
- GitHub Pages: ドキュメントセンターパターンに従うプロジェクトドキュメントサイト
オープンソースのブランドルール
- すべてのリポジトリで一貫したビジュアルアイデンティティを維持
- すべてのコミュニティ向けテキストでコピー-writing ガイドラインを使用
- README ファイルと Wiki コンテンツでドキュメントパターンに従う
- ウェブベースのプロジェクトページでコンポーネントシステムを使用