まるごとエステホームページへのご要望ありがとうございます。
レスポンシブ版の罫線の色設定にグラデーションが追加されました。
これまで立体的や奥行きのあるデザインは背景色や画像の重なりを用いて奥行きを表現していましたが
背景色や文字色に複数色(透明度)を組み合わせたグラデーションを設定できるようになりました。
これにより1つの色設定でもブランドカラーやテーマカラーをより忠実に再現できて、
さらに立体感や奥行のある表現が可能になります。
<ご要望>
文字や背景の色にグラデーションを使用したい。
罫線色にグラデーションを取り入れることで単色では表現しきれない
「非日常感」「高級感」「やわらかさ」などの抽象的な雰囲気も、色の変化によって直感的に伝えることができます。
緩やかな配色で自然に溶け込む罫線にしたり、急な配色で目立たせて視認性を高めて情報を区切ることで
情報のまとまりをわかりやすくして、視線を誘導することもできます。
是非、ご活用ください。
◆ヘッダーエリアの店舗情報上下罫線の配色サンプル
グラデーションなし
グラデーションあり
◆メインメニュー上下罫線と区切り線の配色サンプル
グラデーションなし


グラデーションあり


◆ページタイトル下罫線の配色サンプル
グラデーションなし
グラデーションあり
◆フッター上罫線の配色サンプル
グラデーションなし
グラデーションあり
※角度90°は左から右に向かったグラデーションになります
グラデーション設定は直近でも設定の追加がされております。
※ハンバーガーメニュー・全体背景・スライドボタン・表組みに関する記事はこちら
※店舗情報表示エリアに関する記事はこちら
※ヘッダー・フッターエリアに関する記事はこちら
※キャスト表示エリアに関する記事はこちら
※ページタイトル・見出し・ボタンに関する記事はこちら
※コンテンツ枠に関する記事はこちら
※メインメニューに関する記事はこちら



