カスタマイズ
ロゴのカスタマイズ
エンドユーザーに表示されるロゴをカスタマイズすることができます。このロゴの反映を依頼するには、.PNG形式で56x56pxサイズの画像をUnicoチームに送付する必要があります。
ロゴ使用ガイドライン
ルール
- 視認性を確保できる背景でのロゴ適用を優先してください。
- 正方形のグリッドに沿わないロゴは使用しないでください。
- 低解像度のロゴの使用は避けてください。
- 透明な背景にはロゴを適 用しないでください。
推奨事項
WCAGのアクセシビリティ基準に従い、少なくとも4.5:1の読みやすいコントラストを持つ色を優先してください。色の16進数を使用してコントラスト比を確認してください。例:前景色#000000、背景色#FFFFFF、コントラスト比21.00:1。
ボタンの色と形状のカスタマイズ
実装プロセスを通じて、貴社のビジュアルアイデンティティに応じて、カード非提示認証インターフェースのボタンの色と形状の設定を依頼することができます。
推奨事項
- アクセシブルな色を選択する: Web および Nativeでボタンの色をカスタマイズする際は、視覚障害のある方を含むすべてのユーザーの視認性を確保できる、アクセシブルな配色を選択してください。
- コントラスト比: 最良の結果を 得るために、
4.51:1より高いコントラスト比を目指してください。
アクセシブルな色は、特にロービジョンの方にとって、すべての人のナビゲーションを向上させます。16進数のカラーコードを使用してコントラストを確認し、WCAGのガイドラインに従ってください。
- 例:
#000000(背景)に対する#FFFFFF(テキスト)は、コントラスト比21.00:1となります。
ボタンの角の丸みの調整
テキストと背景の色に加えて、ボタンの角の丸み(border-radius)をピクセル単位で定義することもできます。
カスタマイズ設定
ボタンにクライアントまたはパートナーのビジュアルアイデンティティを設定するには、以下の情報をUnicoの実装チームに共有してください。
- ボタンの背景の16進数カラーコード。例:
#000000。 - ボタンのテキストの16進数カラーコード。例:
#ffffff。 - ボタンの角の丸み(ピクセル単位)。例:
10px。