「落ち着いたくすみカラー＆読みやすい」を追求した、Cocoonのオリジナルスキン「Frosty」を自作しました！
アリススキンと同じく居心地の良さ・読みやすさへのこだわりはそのまま、こちらではアリスよりも落ち着いた、シックなかわいさを追求しました。
淡色で色のトーンを抑えているものの、コントラストや微妙な余白にこだわっているので読みやすく、使いやすいはず。
記事内のボタンからダウンロードして気軽に使えるので、ぜひ使ってみてください。
Frostyスキンについて
レイアウト見本
見出しのデザイン
シンプルかわいい系です。
H2が目立つように、また文字の下に白い影をつけて読みやすいように工夫しました。
目次のデザイン
シェアボタン・フォローボタン
SNSボタンも、サイトの雰囲気に合わせて色を調整しています。
ブログカードのデザイン
マウスホバーした際に、ふわっと浮かぶアニメーション付きです。
プロフィールウィジェット
SNSボタンをカラー＆大きめに。
CTAボックス
ボックスメニュー
タイムライン
関連記事一覧
影をつけて立体的に下のと、細かいところですが画像の大きさや余白など調整しました。
こちらもふわっと浮かぶアニメーション付きです。
スキンのダウンロードはこちらから
コメント