【可愛いアイテム図鑑】SWELLサイト型トップページ参考デザイン

2025年4月1日

当ページは広告が含まれているリンクがあります。

このサイト mofu-designは

Canva公式クリエイターのもふこです

この記事では、女性向けの可愛いアイテム紹介系ブログに使えるトップページデザインのアイディアをご紹介します。（ブログ名は筆者の考えた架空のものです）

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

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

デザイン難易度
レベル2

やさしい

むずかしい

このデザインはすべてCanvaの無料素材で作ることができます。

一部、Canvapro版の背景透過機能が必要ですが無料ユーザーの方は一般の背景除去アプリ等を使用して背景除去も可能です。

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

Canvaでブログアイキャッチ等の公式テンプレを作ってます。
クリエイターページのフォローをしていただけるととっても励みになります！

各デザインの解説｜SWELL×Canva【可愛いアイテム図鑑】

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

ヘッダーの背景色とロゴ画像の背景色を同じにすることで、背景透過保存(Canvapro版の機能)にしなくても背景の色が浮かずに使うことができます。無料ユーザーの方はお試しください。

可能であればCanvaproの背景透過や、一般の背景除去アプリ等を使用するとさらに自然にきれいに作ることができます。

もふこ

Canvaproは30日間無料トライアルもあるので気軽に試してみてくださいね。
快適さがケタ違いでデザイン作成がとても楽しくなりますよ。

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

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

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

カラーコード・・・#f1eff0
上下の境界線・・・上下とも波 (高さ5)

カラーコード・・・#fff9fa
上下の境界線・・・上　境界線なし(0)　下のみ波 (高さ5)

使用フォント

英文フォント「 Tangerine 」
和文フォント「つばめ」
使用カラー

・ワインレッド　　　　#A35E68
・くすみピンク(濃)　　 #DFC1C9
・パステルピンク(薄)　 #F8E7EC
素材の検索方法

「ソファー　ピンク」「インテリア　ピンク」など好きな色を一緒に入力すると絞りやすいです。

写真以外は全て図形（長方形・円）やフレームを使用しています。

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

Canvaを使ったことがない方はまずこちらから

あわせて読みたい