Timeline Graphic Recording V2 Illustration Palette

Intended Use

• Create timeline with warm Illustration color palette
• Visualize information flow with timeline display
• Utilize handwritten-style fonts and enclosure lines

Prompt

# Timeline Graphic Recording (Graleco) HTML Creation Prompt V2

## 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 (Illustration)

```

2. Graphic Recording Elements

• 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 Font Awesome icons
• Use timeline display to visualize information flow

3. Typography

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

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
• Add visual impact with large background icons
• Clarify relationships between information with connection lines and arrows
• Effectively use whitespace to ensure visibility
• Express movement with animations and hover effects

---

Content to Convert

[Enter text content to convert to timeline 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 content section
3. Display and save the generated HTML in browser

## Input Example

Content to Convert

Project History

October 2020: Project kickoff March 2021: First prototype completion September 2021: Beta release April 2022: Official release

## Output Example

Timeline-style graphic recording HTML with Illustration color palette (green #5BA67B, yellow #F2BB13, cream #F2DB94, orange #BF8665, red #BF190A) will be generated.

## Notes

- Unified atmosphere with warm color palette
- Handwritten enclosure lines and speech bubbles effectively placed
- Information flow becomes clear with timeline display