【料理/おやつ/レシピ】SWELLサイト型トップページ参考デザイン

この記事では、レシピ系ブログに使えるシンプルなトップページデザインのアイディアをご紹介します。

トップページ全体のデザインイメージ

※画像読み込みに数秒程度かかることがあります。しばらくお待ちください。

\ ほかのデザインはこちらから探せます /

各デザインの解説｜SWELL×Canva【料理/おやつ/レシピブログ】

各パーツごとに、画像の推奨サイズや素材の検索方法などを解説していきます。

ヘッダーロゴ

メインビジュアル

メインビジュアルの高さはお好みで調整してください。

画像サイズにより読み込み速度も変わるので、トップページをカスタマイズしたあとはサイトスピード（Page Speed Insigt）を確認してみてください。

セクション見出し

見出しタイトルはお好みで

アイキャッチ画像

他にもこんなデザイン

フルワイドブロック

カラー・フォント・素材の解説｜SWELL×Canva【料理/おやつ/レシピ】

この記事で使っているフォントや素材は、Canva内の検索窓に上記をコピーして入れると検索できます。

カラーコード

▼カラーコードのコピーはこちらをご利用ください。

・オレンジ　　#E4A168

フォント

▼フォントのコピーはこちらをご利用ください。

鉄瓶ゴシック

Lumios brush

Brixton sans

使用素材

「レシピ」で関連素材からこのシリーズが出てきます。お好きな素材を使ってみてくださいね。

---

当サイトでは、デザインをよりクオリティの高いものにするために、Canva pro版の素材や機能も一部使用しています。


もちろん無料版でも素敵な素材がたくさんありますが、おしゃれなブログを目指すならCanva pro版にするとクオリティが断然アップします。

ブログデザインのご使用にあたって

当サイトの記事でご紹介しているデザインは、そのまま真似してOKです。（当サイトのトップページ以外OKです！）

でもせっかくなので、あなたのブログの世界観を出したオリジナルデザインへのアレンジも挑戦してみてください。自分のブログに愛着がわきますよ。

当サイトはリンクフリーです

当サイトのリンクは許可なく掲載いただけます。

当サイトのデザインを参考にされたブログ内で、「モフデザイン-mofu design-」をなるべくご紹介いただけると嬉しいです。

参考にしていただいたブロガーさんをこちらで紹介しています

この記事のデザインを参考にしていただきました！

ダイニャンさんのブログでは、美味しそうなお料理の写真やレシピはもちろん、盛りつけ方法やおすすめの調理器具の紹介などもあってとても勉強になります！

Daisukeの料理サイト『だって料理が好きだから』
https://cock.fp2se.com
デザインはもふこさん@mofuco_designのサイトを参考にしました。

参考にしたのはこの記事です。
https://mofuco-design.com/blogdesign-recipe/
もふこさん本当にありがとう✨
みなさんも一回見てみて！
おしゃれで素敵なサイトが見つかりますよ🥰

Originally tweeted by ダイニャン(Daisuke)＠FP2SE/IT+情報セキュリティブログ (@BizDaisuke) on 2022年12月24日.

まとめ｜SWELL×Canvaでつくるおしゃれなブログデザイン【料理/おやつ/レシピ】

「レシピ」のブログデザインは参考になりましたか？


お好きなようにアレンジしていただき、素敵なブログデザインを作ってみてくださいね。

今後ともワクワクするデザインを提供していきたいと思います！参考になれば嬉しいです。

SWELLのサイト型カスタマイズまとめ記事はこちらから

\ Canvaの使い方解説はYouTubeから /