カテゴリ一覧

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


2016年8月31日(水)にリニューアルした新PC版デザイン機能。特徴のひとつに、「コンテンツ毎の背景色を変えることができる」という機能があります。

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

 

今回は、冬にピッタリな配色パターンをご紹介します。冬っぽい寒色系やクリスマスカラーに変更して季節感を演出しましょう。

01.冬①

%e5%86%ac

パターン1

カラーボックス

#6b93ac
背景色

#ebedec
タイトル色

パターン2

カラーボックス

#a2a9af
背景色

#4c5870
タイトル色

#ebedec
リンク色

パターン3

カラーボックス

#4c5870
背景色

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

パターン4

カラーボックス

#ebedec
背景色

#6b93ac
リンク色

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

02.冬②

%e5%86%ac2

パターン1

カラーボックス

#d0e0f9
背景色

#4d648d
タイトル色

パターン2

カラーボックス

#273655
背景色

#d0e0f9
タイトル色
リンク色

パターン3

カラーボックス

#4d648d
背景色

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

パターン4

カラーボックス

#d0e0f9
背景色

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

03.クリスマスカラー①

%e3%82%af%e3%83%aa%e3%82%b9%e3%83%9e%e3%82%b91

パターン1

カラーボックス

#365334
背景色

#ffc734
タイトル色

パターン2

カラーボックス

#d4a426
背景色

#ffffff
タイトル色

#365334
リンク色

パターン3

カラーボックス

#df0100
背景色

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

#ffffff
リンク色

パターン4

カラーボックス

#908a4c
背景色

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

#ffffff
リンク色

04.クリスマスカラー②

クリスマス2

パターン1

カラーボックス

#120650
背景色

#ffc424
タイトル色

パターン2

カラーボックス

#ffffff
背景色

#cf9d16
タイトル色

#120650
リンク色

パターン3

カラーボックス

#5c89fd
背景色

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

#ffffff
リンク色

パターン4

カラーボックス

#ffffff
背景色

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

#120650
リンク色

 


トップページに戻る

PageTop