「落ち着いたくすみカラー&読みやすい」を追求した、Cocoonのオリジナルスキン「Frosty」を自作しました!
アリススキンと同じく居心地の良さ・読みやすさへのこだわりはそのまま、こちらではアリスよりも落ち着いた、シックなかわいさを追求しました。
淡色で色のトーンを抑えているものの、コントラストや微妙な余白にこだわっているので読みやすく、使いやすいはず。
記事内のボタンからダウンロードして気軽に使えるので、ぜひ使ってみてください。
Frostyスキンについて

レイアウト見本
見出しのデザイン
シンプルかわいい系です。
H2が目立つように、また文字の下に白い影をつけて読みやすいように工夫しました。

目次のデザイン

シェアボタン・フォローボタン
SNSボタンも、サイトの雰囲気に合わせて色を調整しています。

ブログカードのデザイン
マウスホバーした際に、ふわっと浮かぶアニメーション付きです。

プロフィールウィジェット
SNSボタンをカラー&大きめに。

CTAボックス

ボックスメニュー

タイムライン

関連記事一覧
影をつけて立体的に下のと、細かいところですが画像の大きさや余白など調整しました。
こちらもふわっと浮かぶアニメーション付きです。

スキンのダウンロードはこちらから

コメント