Home / Prompts / Cute Google Fonts Tutorial Infographic

Cute Google Fonts Tutorial Infographic

A cute pastel Japanese educational infographic explaining how to use Google Fonts in three steps. It features rounded step cards, code snippets, browser preview, and decorative pill badges on a clean white background.

Model: gpt-image-2Category: Infographic/Edu VisualStyle: IllustrationLanguage: en

Prompt

Create a cute pastel Japanese infographic slide with a clean white background and soft rounded abstract corner blobs in pale blue, cream, and light green. The design is friendly, educational, and modern, with thick rounded sans-serif Japanese typography, subtle drop shadows, thin gray outlines, dotted divider accents, and small decorative doodles. At the top center, place a large bold headline in dark navy that reads "Google Fontsの使い方". Directly below it, add a blue subheadline reading "3ステップでかんたん導入" with a horizontal row of small blue dots on both sides. In the top right corner, add a rounded blue page badge that reads "2/2".  Arrange 3 rounded rectangular step cards across the upper middle row, evenly spaced left to right, each with a pale tinted background, soft border, and a colored circular number badge in the upper left. Card 1 has a pale blue background and a blue badge with "1". Inside, show a simple magnifying glass icon over the letters "Aa" plus a small yellow star accent. The bold title reads "フォントを選ぶ" and the smaller text below reads "Google Fontsで 好きなフォントを探す". Card 2 has a pale green background and a green badge with "2". Inside, show a browser window icon with code brackets "</>" and a clipboard, plus tiny green motion marks. The bold title reads "コードをコピー" and the smaller text below reads "linkタグや@importを 取得する". Card 3 has a pale cream background and an orange badge with "3". Inside, show a document icon labeled "CSS" with small orange accent marks. The bold title reads "CSSで指定" and the smaller text below reads "font-family に設定して 使う". Place 2 medium blue triangular arrows between the 3 cards to show progression.  Across the lower middle, create 3 horizontally aligned demo boxes. The left box is a rounded white code panel with a small blue tab label reading "HTML". Inside, display this code in blue text exactly across 3 lines: "<link href=\"https://fonts.googleapis.com/" "css2?family=Kiwi+Maru&display=swap" "rel=\"stylesheet\">". The center box is a rounded white code panel with a green tab label reading "CSS". Inside, display dark text exactly as: "body {" "    font-family: 'Kiwi Maru', serif;" "}". The right box is a rounded white mock browser window with a pale blue title bar and 3 tiny circular window buttons at top left in red, yellow, and green. Inside, show large Japanese sample text in black reading "こんにちは、 Kiwi Maru" in a cute round...

Related Prompts

  • Cinematic Boxing Match Poster
  • Anime Art Process Infographic
  • Y2K Teen Magazine Studio Portrait
  • Y2K Retro-Tech Youth Portrait

Explore More

Browse more prompts by model or return to the full gallery for filters and interactions.

Open Gallery More gpt-image-2 Prompts