Graphic Recording Style Infographic V2 Fashion Colors 3-Column

Intended Use

• Create infographic with Fashion color palette in 3-column layout
• Organize information flowing from upper left to lower right
• Create graphic recording style expressions with effectively placed emojis and icons

Prompt

# Graphic Recording Style Infographic Conversion Prompt

## Purpose
Please convert the following content into a perfect Japanese graphic recording-style HTML infographic as created by top-tier designers. Strive for the highest level in both information design and visual design. Use handwritten-style shapes and icons to visually express content.

## Design Specifications
### 1. Color Scheme (Fashion)

```

2. Graphic Recording Elements

• Arrange information sequentially from upper left to right, top to bottom
• Use Japanese handwritten-style fonts (Yomogi, Zen Kurenaido, Kaisei Decol)
• Hand-drawn-style enclosure lines, arrows, banners, speech bubbles
• Combination of text and visual elements (icons, simple shapes)
• Keyword emphasis (colored underlines, marker effects)
• Connect related concepts with lines and arrows
• Effectively place emojis and icons (✏️📌📝🔍📊 etc.)

3. Typography

• Title: 32px, gradient effect, bold
• Subtitle: 16px, #475569
• Section heading: 18px, #1e40af, with icon
• Body text: 14px, #334155, line height 1.4
• Font specification: Kaisei Decol, Yomogi, Zen Kurenaido

4. Layout

• Header: left-aligned title + right-aligned date/source
• 3-column layout: left side 33%, center 33%, right side 33%
• Card components: white background, rounded corners 12px, subtle shadow
• Appropriate spacing and hierarchy between sections
• Effectively utilize glassmorphism
• Content width 100%

Graphic Recording Expression Techniques

• Emphasize balance between text and visual elements
• Emphasize keywords with enclosure lines and colors
• Visualize concepts with simple icons and shapes
• Express numerical data with concise graphs and charts
• Clarify relationships between information with connection lines and arrows
• Effectively use whitespace to ensure visibility

---

Text/Article to Convert

[Enter text content to convert to infographic here]

## How to Use

1. Copy the prompt and paste into AI chat tool
2. Enter the text content you want to convert in the text/article section
3. Display and save the generated HTML in browser

## Input Example

Text/Article to Convert

3 Elements of Project Success

1. Clear goal setting
2. Appropriate resource allocation
3. Regular progress check

## Output Example

3-column graphic recording style infographic HTML with Fashion color palette (purple #593C47, pink #F2E63D, orange #F25C05, #F24405) will be generated.

## Notes

- Information is placed in equal 3-column division
- Layout flows from upper left to lower right
- Emojis are effectively placed as visual accents