有名ブロガーのお洒落なトップページ配色9選【カラーコード有り】

あなたはブログの配色にお悩みではないですか?ちょっと色を変更するだけで、サイトのイメージがガラッと変わってしまいます。

色々試してみても、どんな配色にしたらいいのか分からない…そんなときはすでに成功されている先輩ブロガーのサイトを見に行ってみましょう!もう成功されている方の配色ですから、間違いがないはず!

この記事では、有名ブロガーのトップページの配色を調べてました!しかも、オシャレな配色のサイトばかりを集めました。

カラーコードを添えてありますので、気に入った配色をあなたのブログに設定する事もできます。ぜひ、最後まで読んで、気に入った配色をお持ち帰りください。

▶︎ブログ仲間のトップページ配色の記事はこちら

目次

お洒落なトップページの配色

有名ブロガーのサイトを調べていくと、案外そっけない色合いのサイトが多いことに気がつきました。約半数のサイトはほとんど色味のないサイトでした。

やはり、稼ぐためにはデザインは関係ないのでしょうか。

とはいえ、色はサイトを印象付ける大事なファクター。私は無駄だと思いません。なぜなら、これから紹介する偉大な先人ブロガー達も色で華やかにサイトを飾っているのですから。

ヒトデブログ

ヒトデブログの配色
ヒトデブログ
ヒトデブログのトップページ

https://hitodeblog.com/

  • テーマ:JIN

言わずと知れた、ヒトデさんの運営するブログ初心者向けの始め方ブログ。優しい色あいに思いがちだが、意外に渋めの色合いの組み合わせ。

サルワカ

サルワカの配色
サルワカ
サルワカのトップページ

https://saruwakakun.com/

  • テーマ:xeory_base

サルワカの配色は、渋めのカラーにオレンジと水色を組み合わせた。どの色も少し彩度を落としてくすんだような色合いにしている。

ぽんひろ.com

ぽんひろ.comの配色
ぽんひろ.com
ぽんひろ.comのトップページ

https://ponhiro.com/

  • テーマ:Cocoon

デザインカスタマイズで有名なぽんひろさんのサイトは、ビビットな色使いで明るい印象に。オレンジを主体にまとめています。

副業コンパス

副業コンパスの配色
副業コンパス
副業コンパスのトップページ

https://tabinvest.net/

  • テーマ:SANGO

クニトミさんが運営する副業コンパス。以前はもう少し暖かい印象のサイトでしたが、少しクールな印象のサイトにリニューアルされました。青系で統一して真面目で爽やかな印象。

マクリン

マクリンの配色
マクリン
マクリンのトップページ

マクリンのページへ

  • テーマ:SANGO

オンラインコミュニティ「マクサンラボ」を運営するマクリンさんのサイト。独特の少し緑の入った青とイエローの組み合わせが特徴的。この色だけで、あぁ、マクリンだなとわかる。

ノマド的節約術

ノマド的節約術の配色
ノマド的節約術
ノマド的節約術のトップページ

https://nomad-saving.com/

  • テーマ:n20

女性をターゲットにしたサイトでは柔らかい色がよく似合う。優しい緑色に渋いオレンジの組み合わせ。基本彩度を落としくすんだ色にして使うことで柔らかい印象にしている。

ブログ部

ブログ部の配色
ブログ部
ブログ部のトップページ

https://ebloger.net/

  • テーマ:SWELL

オンラインコミュニティ「マクサンラボ」を運営するサンツォさんのサイト。彩度を落としたくすんだ色を使うサイトが多い中、ビビットな赤色を使うのが特徴的。

manablog

manablogの配色
マナブログ
manablogのトップページ

https://manablog.org/

  • テーマ:manabu

ブログから海外移住まで成功したマナブさんのサイト。テーマは独自テーマ。配色はモノトーン。manablogを参考にしたサイトが多いため、ガジェット系やブログ系、情報系は似たような色合いのサイトが多い。

クロネのブログ講座

クロネのブログ講座の配色
クロネのブログ講座
クロネのブログ講座のトップページ

https://kurone43.com/

  • テーマ:JIN

私のブログの師匠(勝手に思っているだけ)クロネさんのサイト。なんと2022年5月末で閉鎖予定。寂しい。色合いは赤と黄色で攻めながらも、くすんだ紺が渋くて落ち着きをもたらしている。

色の設定がしやすいテーマはSWELL

いろんな色を試してみたい。そんな要望に簡単に答えるwordpressテーマが「SWELL」。

カスタマイザーを見ながら、リアルタイムで色を試していくことができます。

SWELLのカスタマイザーメニュー

例えばヘッダーなら下の写真のように、色を変えたらすぐ画面で確認できちゃいます。

どんぐり
どんぐり

もう、SWELLなしではブログ運営していけなくなりました(汗)

\カスタマイザーで簡単設定/

有名ブロガーのトップページは素敵だった

「ブログで稼ぐのにデザインは関係ない」。そんなことはありませんでしたね!やはり、伸びている先人たちのサイトはお洒落でした。

そんな、有名ブロガーたちの配色を真似してみれば、あなたのサイトも爆伸びしちゃうかも!?ぜひ、この配色を参考に、あなただけの配色をみつけてくださいね。

▶︎アルさんのおすすめ配色記事
▶︎ブログ仲間のトップページ配色の記事はこちら

推奨ザインツール

当サイトでは、無料でもオシャレなデザインが簡単に作成できる、「 Canva 」を推奨しています。無料でも相当なレベルのデザインができるのですが、一度PROにすると無料には戻れなくなってしまいました。その秘密は、下記の記事に。

トップページへ戻る

コメント

コメントする

CAPTCHA


目次
閉じる