Google Fonts を解説するキュートな日本語インフォグラフィック

Google Fonts を紹介するパステルカラーの日本語解説インフォグラフィック。SNS 投稿や Slides 、初心者向けの Web デザイン教育用ビジュアルに最適です。

プロンプト

柔らかなオフホワイトの背景に、丸みを帯びたパステルトーンの抽象的なコーナー装飾や小さなドット、リングをあしらった、親しみやすい Web デザイン解説ポスター風のキュートな日本語インフォグラフィック。中央上部には、濃いネイビーの太く丸みを帯びた大きな見出し Google Fonts ってなに？を配置し、最初の単語の近くに小さな黄色のアクセントマークを添えます。そのすぐ下に、青色の中サイズの見出し無料で使える Web フォントサービスを配置し、左右に点線の区切り線を引きます。中央には、3 つの角丸長方形の機能カードを水平方向に等間隔で配置します。カード 1 はペールブルーで、左上に青い数字のバッジ「1」、その横に Google のマルチカラーの「G」アイコンと「Aa」と書かれた重なったフォントシートのアイコン、太字のタイトル「Google が提供するフォント集」、その下に小さな説明文「Web サイトやアプリ、資料づくりに使える」を記載します。カード 2 はペールミントグリーンで、緑色の数字バッジ「2」、「¥0」と書かれた金貨が入ったピンクの貯金箱と小さな緑色の動きのアイコン、太字のタイトル「無料で利用できる」、小さな説明文「個人でも企業でも使いやすい」を記載します。カード 3 はペールウォームクリームで、オレンジ色の数字バッジ「3」、地球儀が描かれたシンプルなブラウザウィンドウのアイコン、太字のタイトル「Web 上で読み込める」、小さな説明文「HTML や CSS に追加してすぐ使える」を記載します。3 つのカードの下には、角丸でかすかな輪郭を持つ幅広の白いコードバーを配置します。左側には </> が入ったペールブルーの円形アイコンを置き、右側には等幅フォントで「<link href=\"https://fonts.googleapis.com/...\" rel=\"stylesheet\">」という 1 行のコードを表示し、URL 部分は青色にします。その下に、青い星のアイコンと日本語テキスト例：Kiwi Maru も Google Fonts で使えますが入った、点線の角丸ピル型ノートボックスを追加します。左下には小さな笑顔の鉢植えのイラストを配置します。右下には、ライトブルーのタイトルバーと左上に 3 つの信号機のような丸いボタンが付いた、ブラウザ風のサンプルパネルを追加します。パネル内には、左側に太字の日本語サンプルコピー「やさしい文字で、伝わるデザイン。」と小さなテキスト「Kiwi Maru のサンプル」を、右側には大きな黒い日本語文字「あア」と、その下にフォント名 Kiwi Maru が表示された角丸の白いインセットカードを配置します。右下のエリア周辺に 4 つの小さなキラキラや星のアクセントを散らします。フラットなベクターイラストスタイル、くっきりとした輪郭、ソフトなパステルカラーのパレット、中央揃えの構図、ゆとりのあるスペース、丸みを帯びたサンセリフ体を使用し、陽気で初心者向けのテック教育的な美学を表現してください。