Cute Google Fonts Tutorial Infographic

This prompt generates a pastel Japanese educational infographic slide explaining Google Fonts setup in three steps, suitable for social media carousels or tech tutorial posts.

깔끔한 흰색 배경에 연한 파란색, 크림색, 연두색의 부드러운 둥근 모서리 추상 도형이 어우러진 귀여운 파스텔 톤의 일본어 인포그래픽 Slides를 생성하세요. 디자인은 친근하고 교육적이며 현대적인 느낌이어야 하며, 굵고 둥근 산세리프 일본어 서체, 은은한 그림자 효과, 얇은 회색 외곽선, 점선 구분선, 작은 장식용 낙서가 포함되어야 합니다. 상단 중앙에는 짙은 남색의 크고 굵은 제목으로 "Google Fontsの使い方"를 배치하세요. 바로 아래에는 양옆으로 작은 파란색 점들이 가로로 나열된 파란색 소제목 "3ステップでかんたん導入"을 추가하세요. 오른쪽 상단 모서리에는 "2/2"라고 적힌 둥근 파란색 페이지 배지를 넣으세요.

상단 중앙에는 3개의 둥근 직사각형 단계 카드를 왼쪽에서 오른쪽으로 균일한 간격으로 배치하세요. 각 카드는 연한 색상의 배경, 부드러운 테두리, 왼쪽 상단에 색상이 들어간 원형 숫자 배지를 포함해야 합니다. 1번 카드는 연한 파란색 배경에 숫자 "1"이 적힌 파란색 배지가 있습니다. 내부에는 "Aa" 글자 위에 돋보기 아이콘과 작은 노란색 별 장식을 보여주세요. 굵은 제목은 "フォントを選ぶ"이며, 아래 작은 텍스트는 "Google Fontsで
好きなフォントを探す"입니다. 2번 카드는 연한 녹색 배경에 숫자 "2"가 적힌 녹색 배지가 있습니다. 내부에는 코드 괄호 "</>"와 클립보드가 있는 브라우저 창 아이콘, 그리고 작은 녹색 움직임 표시를 보여주세요. 굵은 제목은 "コードをコピー"이며, 아래 작은 텍스트는 "linkタグや@importを
取得する"입니다. 3번 카드는 연한 크림색 배경에 숫자 "3"이 적힌 주황색 배지가 있습니다. 내부에는 "CSS"라고 적힌 문서 아이콘과 작은 주황색 강조 표시를 보여주세요. 굵은 제목은 "CSSで指定"이며, 아래 작은 텍스트는 "font-family に設定して
使う"입니다. 3개의 카드 사이에는 진행 과정을 보여주는 2개의 중간 크기 파란색 삼각형 화살표를 배치하세요.

중앙 하단에는 3개의 데모 박스를 가로로 정렬하세요. 왼쪽 박스는 "HTML"이라는 작은 파란색 탭 라벨이 붙은 둥근 흰색 코드 패널입니다. 내부에는 다음 코드를 파란색 텍스트로 정확히 3줄에 걸쳐 표시하세요: "<link href=\"https://fonts.googleapis.com/"
"css2?family=Kiwi+Maru&display=swap"
"rel=\"stylesheet\">". 중앙 박스는 "CSS"라는 녹색 탭 라벨이 붙은 둥근 흰색 코드 패널입니다. 내부에는 다음 텍스트를 정확히 표시하세요: "body {"
"    font-family: 'Kiwi Maru', serif;"
"}". 오른쪽 박스는 연한 파란색 제목 표시줄과 왼쪽 상단에 빨간색, 노란색, 녹색의 작은 원형 창 버튼 3개가 있는 둥근 흰색 모의 브라우저 창입니다. 내부에는 귀여운 둥근 손글씨 스타일의 폰트로 "こんにちは、
Kiwi Maru"라고 적힌 큰 일본어 샘플 텍스트를 검은색으로 보여주세요. 이 브라우저 창 오른쪽에는 2개의 작은 반짝임 장식을 추가하세요.

하단에는 왼쪽부터 오른쪽으로 4개의 알약 모양 배지를 배치하세요. 1번 배지는 흰색으로 작은 파란색 별 아이콘과 "Google Fontsを使うメリット"라는 텍스트가 있습니다. 2번 배지는 연한 파란색으로 굵은 글씨의 "無料"와 분홍색 하트가 있습니다. 3번 배지는 연한 녹색으로 굵은 글씨의 "すぐ使える"와 작은 시계 아이콘이 있습니다. 4번 배지는 연한 노란색으로 굵은 글씨의 "日本語フォントも豊富"와 꽃 아이콘이 있습니다.

캔버스 주변에 4개의 추가 장식 요소를 더하세요: 제목 왼쪽 상단 근처의 노란색 3획 반짝임, 왼쪽 상단 배경의 연한 파란색 점선 사각형 그리드, 왼쪽의 얇은 연두색 고리, 왼쪽 하단 모서리의 작은 웃는 화분 일러스트. 전체적인 구성은 평면 벡터 스타일로 선명하고 귀여우며 가독성이 높아야 하며, 소셜 미디어 교육용 캐러셀 스타일을 유지하세요.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기