カテゴリ一覧

夏らしい1カラムデザイン配色サンプル


2016年8月31日(水)から、ヘブンネットS・Aタイプで利用できる新PCデザイン機能の1カラム版がリニューアルしました。

 

新しい1カラム版の特徴のひとつが、「コンテンツ毎の背景色を変えることができる」というものです。

配色パターンを工夫することで、季節感を表現したり、ユーザーにお店のカラーを印象付けることが可能です。

 

今回、夏というテーマに沿って配色パターンをご紹介します。また、レトロ調のデザインは、ノスタルジーを感じる夏のイメージにピッタリではないでしょうか。涼しげなカラーを使用することで、夏らしさを演出しましょう。

01.夏①

夏1

パターン1

カラーボックス

#2a93d5
背景色

#4efcf9
タイトル色

パターン2

カラーボックス

#3dd9d6
背景色

#f4ffed
タイトル色

#125488
リンク色

パターン3

カラーボックス

#97e5ef
背景色

#2a93d5
タイトル色
リンク色

#ecfafb
リンク色(MO)

パターン4

カラーボックス

#ecfafb
背景色

#3dd9d6
タイトル色
リンク色(MO)

#2a93d5
リンク色

02.夏②

%e5%a4%8f2

パターン1

カラーボックス

#2f95c2
背景色

#f5e456
タイトル色

パターン2

カラーボックス

#7caa2d
背景色

#f4ffed
タイトル色

#f5e456
リンク色

パターン3

カラーボックス

#f5e456
背景色

#2f95c2
タイトル色
リンク色
リンク色(MO)

パターン4

カラーボックス

#f68b2d
背景色

#f4ffed
タイトル色
リンク色(MO)

#f5e456
リンク色

03.レトロ調①

%e3%83%ac%e3%83%88%e3%83%ad1

パターン1

カラーボックス

#97b7c2
背景色

#1f78b0
タイトル色

パターン2

カラーボックス

#d6c6b9
背景色

#d35d36f
タイトル色

#1f78b0
リンク色

パターン3

カラーボックス

#be9a76
背景色

#d6c6b9
タイトル色
リンク色(MO)

#594f4d
リンク色

パターン4

カラーボックス

#d6c6b9
背景色

#d35d36
タイトル色

#1f78b0
リンク色
リンク色(MO)

04.レトロ調②

%e3%83%ac%e3%83%88%e3%83%ad2

パターン1

カラーボックス

#8593ae
背景色

#e7d6c2
タイトル色

パターン2

カラーボックス

#dea286
背景色

#594f4d
タイトル色

#e7d6c2
リンク色

パターン3

カラーボックス

#594f4d
背景色

#e7d6c2
タイトル色
リンク色
リンク色(MO)

パターン4

カラーボックス

#e7d6c2
背景色

#8593ae
タイトル色
リンク色
リンク色(MO)


 


トップページに戻る

PageTop