Geminiにスクショを見せるだけ!ブログを彩る「全体デコ」スタイル集
ブログのデザインを一つずつ設定するのは大変ですよね。でもGeminiなら、「この画像みたいにして!」とスクショを見せるだけで、一気におしゃれな世界観が作れます。今回は、初心者の方でも使いやすい4つのスタイルを用意しました。
🐾 猫ちゃん便箋スタイル
温かみのあるアイボリーに、猫の足跡がトトト…と歩くデザインです。日記やペットの話題にぴったり!

【Geminiへの指示レシピ】
・外枠:角丸の大きなボックス
・背景色:アイボリー(#fffaf4)
・装飾:上下に淡いブルーの「波」SVG、背面に「猫の足跡」をランダムに配置
🌿 ナチュラル・ウェーブ
清潔感があり、どんな記事にも馴染みます。余白をたっぷり使った「丁寧なお手紙」のような雰囲気になります。

【Geminiへの指示レシピ】
・外枠:細いグレーの線で囲う
・装飾:上下にシンプルで大きな1層の波SVG
・文字色:優しいダークグレー(#444444)
📐 北欧幾何学モダン
少し都会的でオシャレな印象に。シンプルながらも、幾何学模様のアクセントが効いています。

【Geminiへの指示レシピ】
・背景:真っ白(#ffffff)
・装飾:左側に太いアクセントライン、四隅に小さな「丸」や「三角」のドットを配置
📒 ノート&マステ風
勉強の記録や、メモ形式の記事に。本物のノートのような質感と、マスキングテープの遊び心が可愛いです。

【Geminiへの指示レシピ】
・背景:薄いグレーの横線(罫線)を引く
・装飾:見出し部分に「マスキングテープ」風の長方形ボックスを重ねる
💡 使い方は簡単!
気に入ったスタイルの画像を保存(またはスクショ)して、Geminiにアップロード。「この画像のデザインで、私の書いた文章を装飾するHTMLコードを書いて!」と頼んでみてくださいね。
✨ もっとこだわりたい時は? ✨

マステの色味を微妙に変えたり、自分の持ってる画像を差し替えたりもできるの?

もちろん!「マステをサクラピンクにして」と口頭で伝えるだけでもいいし、お気に入りのマステ画像があるなら…
「この画像を背景のマステに差し替えて!」って言ってくれれば、すぐに専用コードを作るよ♪

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



コメント