デザインシステムとは
基本原則
基本要素
コンポーネント
更新情報
デザインシステムとは
基本原則
概要
デザイン原則
トーン&マナー
基本要素
概要
タイポグラフィ
プリミティブカラー
セマンティックカラー
余白
シャドウ
コンポーネント
概要
プライマリーボタン
セカンダリーボタン
ターシャリボタン・テキストリンク
カードボタン
ATM・振込ボタン
インプット
リスト
モーダルウィンドウ
米印・中黒・丸数字
更新情報
基本要素
タイポグラフィ
カラー
プリミティブカラー
セマンティックカラー
余白
シャドウ
シャドウ
Shadow
目的・詳細
カードやボタンなどのパーツで、いくつかのパターンに分類され使用します。 シャドウで強調することによって、画面内での情報の優先度を上げたり他のエリアとの関係性を明確にします。
Myセブン銀行アプリでは、基本のシャドウとしてStrong/Lightを用意しています。
基本のシャドウ
その他のシャドウ
ホーム画面、ヘルプ画面といった特定の画面のみで使用されます。