プリミティブカラー

Color

目的・詳細

Myセブン銀行アプリでは一貫性を確保し、カラーが持つ意味や機能など情報伝達上の役割を、ユーザーが明確に認識できるようにしています。
独自に指定したカラーパレットをプリミティブカラーとして指定し、セマンティックカラーとして指定されていない色は、コントラスト比に十分注意した上で補助色として使用したり、イラストレーションに使用することも可能です。 ※Myセブン銀行アプリにはダークモードがないため、ダークモード用カラーは定義していません。

Primary Color

アプリ内で使用する主要なカラーです。セブン銀行のブランドカラーとアプリの世界観をベースに定義付けています。 プライマリーカラー プライマリーカラー

Orange

Orange/600を基準にしたOrangeのカラーパレットです。 プリミティブカラー プリミティブカラー

Green

Green/700を基準にしたGreenのカラーパレットです。 プリミティブカラー プリミティブカラー

Red

Red/700を基準にしたRedのカラーパレットです。 プリミティブカラー プリミティブカラー

Gray

Gray/800を基準にしたGrayのカラーパレットです。 プリミティブカラー プリミティブカラー

Gradient

Gradient/primaryを基準にしたグラデーションのカラーパレットです。 プリミティブカラー プリミティブカラー

Contrast Ratio

下のパレットで示されている境界線は、白および黒との組み合わせを可能とする境界を示しています。コントラスト比はGreen/700*を除きWCAG2.1の達成基準に基づきコントラスト比を確保しています。 *現在コーポレートカラーとして使用されている色であり、コントラスト比をチーム内で検討した結果、視認性の高い白を採用しています。 コントラスト比 コントラスト比