料金プランのカードレイアウトの配色

料金プランデザインの配色を紹介します。
以下がデザイン要件です。

• 3種類の料金プランを横並びにレイアウトする

• プラン内容の違いをリスト化して提示

• 各プラン詳細へのボタンをそれぞれに設置する

• やさしいイメージが欲しいので背景色は淡い色を採用する

• スタンダードプランにフォーカスが当たるように配色する

デザインがこちら。

配色前です

このデザインをベースに配色を施していきます。

配色の紹介