メインコンテンツへスキップ

カスタマイズ

ロゴのカスタマイズ

エンドユーザーに表示されるロゴをカスタマイズすることができます。このロゴの反映を依頼するには、.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