新登場:GPT Image 2.5 Flare と Sunburst。登録で 3 枚無料、その後は 1 枚 8 クレジット。
GPT Image 2.5 を試す
パステル調の日本語Web解説インフォグラフィック
インフォグラフィック・教育

パステル調の日本語Web解説インフォグラフィック

コード例やステップカードを備えた親しみやすい解説スライドを生成します。見出しやアイコン、コードを差し替えて応用可能です。

プロンプト

クリーンな白背景に、ペールブルー、クリーム、ライトグリーンの柔らかく丸みを帯びた抽象的なコーナースプラッシュを配置した、キュートなパステル調の日本語インフォグラフィックスライド。太めの丸ゴシック日本語タイポグラフィ、繊細なドロップシャドウ、薄いグレーのアウトライン、ドット装飾、小さな落書き風イラストを取り入れた、親しみやすくモダンなベクターレイアウト。 【上部】 - 中央に濃いネイビーの太字見出し:「[Google Fontsの使い方]」 - その下に青い小見出し:「[3ステップでかんたん導入]」、両脇に小さな青いドットの並び - 右上に角丸の青いページバッジ:「[2/2]」 - 左上に黄色の3本線のキラキラ、背景にペールブルーのドットグリッド、薄緑のサークル装飾 【中央上段(3つのステップカード、カード間に青い矢印)】 - カード1(ペールブルー背景、青い「1」の丸バッジ):「Aa」の上に虫眼鏡アイコンと黄色い星。太字タイトル「[フォントを選ぶ]」、説明文「[Google Fontsで好きなフォントを探す]」 - カード2(ペールグリーン背景、緑の「2」の丸バッジ):「</>」コード記号付きブラウザアイコンとクリップボード。太字タイトル「[コードをコピー]」、説明文「[linkタグや@importを取得する]」 - カード3(ペールクリーム背景、オレンジの「3」の丸バッジ):「CSS」表記の書類アイコン。太字タイトル「[CSSで指定]」、説明文「[font-family に設定して使う]」 【中央下段(3つのコード&プレビューパネル)】 - 左:青い「HTML」タブ付きの白いカード。青字でコードを表示:"<link href=\"https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap\" rel=\"stylesheet\">" - 中央:緑の「CSS」タブ付きの白いカード。ダークカラーでコードを表示:"body { font-family: 'Kiwi Maru', serif; }" - 右:薄青のタイトルバーと赤・黄・緑のボタンがついた模擬ブラウザウィンドウ。かわいい手書き風フォントで黒い日本語テキスト「[こんにちは、Kiwi Maru]」を表示し、右側に小さなキラキラを2つ配置 【下部】 - 4つの角丸ピルバッジ:「[Google Fontsを使うメリット]」(白、青い星)、「[無料]」(ペールブルー、ピンクのハート)、「[すぐ使える]」(ペールグリーン、時計アイコン)、「[日本語フォントも豊富]」(ペールイエロー、花アイコン) - 左下に小さな笑顔の鉢植えイラスト

カスタマイズできる部分

生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。

  • 【上部】プレースホルダー
  • [Google Fontsの使い方]プレースホルダー
  • [3ステップでかんたん導入]プレースホルダー
  • [2/2]プレースホルダー
  • 【中央上段(3つのステップカード、カード間に青い矢印)】プレースホルダー
  • [フォントを選ぶ]プレースホルダー
  • [Google Fontsで好きなフォントを探す]プレースホルダー
  • [コードをコピー]プレースホルダー

プロンプトの詳細

モデル
GPT IMAGE 2
1 枚あたりのコスト
1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
アスペクト比
1:1
追加日

その他のテンプレート