カテゴリ一覧

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


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

 

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

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

 

今回、春というテーマに沿って配色パターンをご紹介します。

 

01.パステル調

パターン1

カラーボックス

#fae4d9
背景色

#877567
タイトル色

パターン2

カラーボックス

#ffb5ba
背景色

#ed1e63
タイトル色

#ffffff
リンク色

パターン3

カラーボックス

#baddd6
背景色

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

パターン4

カラーボックス

#fef3bf
背景色

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

 

02.ビタミンカラー

パターン1

カラーボックス

#fb3d55
背景色

#fef2e2
タイトル色

パターン2

カラーボックス

#faaf08
背景色

#fb3d55
タイトル色

パターン3

カラーボックス

#c6da00
背景色

#fb3d55
タイトル色
リンク色

パターン4

カラーボックス

#fef2e2
背景色

#c6da00
タイトル色

03.フレッシュカラー

%e3%83%95%e3%83%ac%e3%83%83%e3%82%b7%e3%83%a5

パターン1

カラーボックス

#ff9145
背景色

#f0f0a0
タイトル色

パターン2

カラーボックス

#f0f0a0
背景色

#83b541
タイトル色

#ff9145
リンク色

パターン3

カラーボックス

#83b541
背景色

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

#fddadf
リンク色

パターン4

カラーボックス

#fddadf
背景色

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

#ff9145
リンク色

 

04.春

%e6%98%a5

パターン1

カラーボックス

#fcb0cc
背景色

#5d535e
タイトル色

パターン2

カラーボックス

#f9e9f3
背景色

#5d535e
タイトル色

#756ead
リンク色

パターン3

カラーボックス

#efdde9
背景色

#5d535e
タイトル色

#756ead
リンク色

パターン4

カラーボックス

#dfe068
背景色

#5d535e
タイトル色
リンク色

 


トップページに戻る

PageTop