外観設定にアクセスして変更できるのはスーパー管理者と管理者のみです。ワークスペース設定の下にこのオプションが表示されない場合は、スーパー管理者に役割の確認を依頼してください。
外観設定へのアクセス
各ビジュアル要素のカスタマイズ
プライマリカラー
プライマリカラーは、プラットフォーム全体のボタン、アクティブなリンク、ハイライト状態、主要なインターフェース要素に適用されます。- コアブランドアイデンティティを反映するカラーを選択してください。
- UI 全体に表示されるため、最も影響力のあるカラー設定です。
サイドバー背景色
サイドバーの背景色は左ナビゲーションパネルの基本的な色調を設定します。- サイドバーとメインコンテンツエリアの間に明確な視覚的分離を生み出すカラーを使用してください。
- 一般的に、暗い背景に明るいテキストが視認性に優れています。
サイドバーテキストカラー
サイドバーのテキストカラーは、左メニュー内のすべてのナビゲーション項目のラベルの色を制御します。- サイドバーの背景色に対して強いコントラストを持つカラーを常に選択してください。
- コントラストが低いとリンクが読みにくくなり、アクセシビリティが低下します。
サイドバーホバー背景色
このカラーは、ユーザーがカーソルをサイドバーのナビゲーション項目に重ねた際に背景ハイライトとして表示されます。- インタラクティビティを示し、ユーザーがクリックしようとしている項目を理解するのに役立ちます。
- デフォルトのサイドバー背景色とアクティブな項目の色の両方から視覚的に区別できるカラーを選択してください。
カラーの適用
各フィールドのカラーピッカーを開く
プライマリカラー、サイドバー背景、サイドバーテキストカラー、サイドバーホバー背景色の 4 つの外観フィールドのいずれかのカラースウォッチをクリックして、カラーピッカーを開きます。
デフォルトテーマにリセットする
すべてのカスタムブランディングを削除して元の AgencyHandy カラースキームに戻したい場合は、外観ページのデフォルト設定にリセットボタンをクリックしてください。カラーコントラストのベストプラクティス
適切なカラーコントラストは単なるデザインの好みではなく、チームとクライアントの視認性とアクセシビリティに直接影響します。WCAG AA コントラスト比を目指す
通常の本文テキストの場合、テキストと背景の間に少なくとも 4.5:1 のコントラスト比を使用してください。大きなテキストやアイコンの場合は、3:1 の比率が許容されます。WebAIM コントラストチェッカーなどのツールを使用して確認してください。
低コントラストの組み合わせを避ける
白背景に薄いグレーのテキスト、または白背景に黄色のテキストなどの組み合わせは使用しないでください — アクセシビリティ基準を満たさず、長時間の作業で目が疲れやすくなります。
ホバー状態を意図的にテストする
ホバーカラーはデフォルト状態とアクティブ状態の両方から明確に区別できるものにする必要があります。同じように見えると、ユーザーは重要な視覚的フィードバックを失います。
ブランドとの一貫性を保つ
ウェブサイト、提案書、請求書と同じプライマリカラーをここでも使用してください。一貫性はすべてのクライアントタッチポイントにわたって認知度とプロフェッショナリズムを高めます。
重要な注意事項
- 即時グローバル効果： 保存されたすべての外観変更は、ワークスペース全体に即座に適用されます。ログイン中のすべてのユーザーが次のナビゲーション操作時に更新を確認できます。
- 単一アクティブテーマ： マルチテーマのサポートはありません — ひとつのカラーセットがすべての役割のワークスペース全体に適用されます。
- 役割制限： 外観の変更ができるのはスーパー管理者と管理者のみです。通常のチームメンバーとクライアントはカラーを変更できません。
- リセットは永続的： デフォルト設定にリセットボタンは元に戻せないため、すべてのカスタムカラーを意図的に削除したい場合にのみ使用してください。