オリジナルCocoonスキン「Frosty」トレンドのくすみカラーで居心地の良さは抜群

CocoonFrostyスキンスキン
この記事は約2分で読めます。

「落ち着いたくすみカラー&読みやすい」を追求した、Cocoonのオリジナルスキン「Frosty」を自作しました!

アリススキンと同じく居心地の良さ・読みやすさへのこだわりはそのまま、こちらではアリスよりも落ち着いた、シックなかわいさを追求しました。

淡色で色のトーンを抑えているものの、コントラストや微妙な余白にこだわっているので読みやすく、使いやすいはず。

記事内のボタンからダウンロードして気軽に使えるので、ぜひ使ってみてください。

Frostyスキンについて

Cocoonスキン「Frosty Mint」

レイアウト見本

見出しのデザイン

シンプルかわいい系です。

H2が目立つように、また文字の下に白い影をつけて読みやすいように工夫しました。

Frosty見出し

目次のデザイン

目次デザイン

シェアボタン・フォローボタン

SNSボタンも、サイトの雰囲気に合わせて色を調整しています。

SNSボタン

ブログカードのデザイン

マウスホバーした際に、ふわっと浮かぶアニメーション付きです。

ブログカード

プロフィールウィジェット

SNSボタンをカラー&大きめに。

プロフィール

CTAボックス

CTAボックス

ボックスメニュー

BOXメニュー

タイムライン

タイムライン

関連記事一覧

影をつけて立体的に下のと、細かいところですが画像の大きさや余白など調整しました。

こちらもふわっと浮かぶアニメーション付きです。

関連記事一覧

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

Cocoonスキン「Frosty Mint」

他のスキンも見る

コメント

タイトルとURLをコピーしました