Geminiに「スクショ」を見せるだけ!ブログを可愛く彩る全体デコ・テンプレート集

素材箱
Screenshot

Geminiにスクショを見せるだけ!ブログを彩る「全体デコ」スタイル集

ブログのデザインを一つずつ設定するのは大変ですよね。でもGeminiなら、「この画像みたいにして!」とスクショを見せるだけで、一気におしゃれな世界観が作れます。今回は、初心者の方でも使いやすい4つのスタイルを用意しました。


🐾 猫ちゃん便箋スタイル

温かみのあるアイボリーに、猫の足跡がトトト…と歩くデザインです。日記やペットの話題にぴったり!

猫ちゃん便箋スタイル
【Geminiへの指示レシピ】
・外枠:角丸の大きなボックス
・背景色:アイボリー(#fffaf4)
・装飾:上下に淡いブルーの「波」SVG、背面に「猫の足跡」をランダムに配置

🌿 ナチュラル・ウェーブ

清潔感があり、どんな記事にも馴染みます。余白をたっぷり使った「丁寧なお手紙」のような雰囲気になります。

ナチュラルウェーブ
【Geminiへの指示レシピ】
・外枠:細いグレーの線で囲う
・装飾:上下にシンプルで大きな1層の波SVG
・文字色:優しいダークグレー(#444444)

📐 北欧幾何学モダン

少し都会的でオシャレな印象に。シンプルながらも、幾何学模様のアクセントが効いています。

北欧幾何学モダン
【Geminiへの指示レシピ】
・背景:真っ白(#ffffff)
・装飾:左側に太いアクセントライン、四隅に小さな「丸」や「三角」のドットを配置

📒 ノート&マステ風

勉強の記録や、メモ形式の記事に。本物のノートのような質感と、マスキングテープの遊び心が可愛いです。

ノート、マステ風
【Geminiへの指示レシピ】
・背景:薄いグレーの横線(罫線)を引く
・装飾:見出し部分に「マスキングテープ」風の長方形ボックスを重ねる

💡 使い方は簡単!

気に入ったスタイルの画像を保存(またはスクショ)して、Geminiにアップロード。「この画像のデザインで、私の書いた文章を装飾するHTMLコードを書いて!」と頼んでみてくださいね。


✨ もっとこだわりたい時は? ✨

manaoko
マステの色味を微妙に変えたり、自分の持ってる画像を差し替えたりもできるの?
Gemini
もちろん!「マステをサクラピンクにして」と口頭で伝えるだけでもいいし、お気に入りのマステ画像があるなら…
マステ

(こういう透過画像URLを渡すのがコツ!)

「この画像を背景のマステに差し替えて!」って言ってくれれば、すぐに専用コードを作るよ♪

コメント

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