Skip to content

Galaxy Timeline Graphic Recording V3a

Intended Use

  • Create fantastic and pop atmosphere timeline with galaxy theme
  • Create vibrant timeline using Tropical Fruit Punch color palette
  • Generate mysterious timeline with planet-style markers and stardust background

Prompt

text
# Graphic Recording (Graleco) HTML Creation Prompt with Galaxy Timeline V3

## Purpose
Please convert the following content into a timeline-style graphic recording HTML with a fantastic and pop galaxy theme. Strive for the highest level in both information design and visual design. Create a mysterious and visually appealing timeline using handwritten-style elements and galaxy backgrounds.

## Design Specifications
### 1. Color Scheme (Tropical Fruit Punch)
```

2. Galaxy Theme Visual Effects

  • Dark galaxy background (#080808) with scattered small stars
  • Large "sun-like" light source in upper left (using palette primary colors)
  • Add breathing animation to light source
  • Circular markers are colorful "planet-like" designs
  • Apply fine stardust-like background texture throughout

3. Timeline Structure

  • Place vertical timeline in center
  • Arrange items alternately left and right
  • Add planet-style round markers to each item
  • Design year representation as floating cards
  • Place quick navigation selector at bottom or right
  • Add glowing effects to markers and selectors

4. Typography and Text Processing

  • Title: Add glowing effect like stars in night sky
  • Date: Emphasize as floating on white background
  • Event title: Display in bright palette colors (Tropical-Fruit-Punch-3, 4)
  • Detail text: Bright text on semi-transparent background
  • Font specification: Kaisei Decol, Yomogi, Zen Kurenaido

5. Visual Elements and Emphasis

  • Visualize each event content with Font Awesome icons
  • Keyword highlights (gradient underline effect)
  • Ensure appropriate spacing between items for visibility
  • Create depth with semi-transparent effects and blur

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

2020: Project Start - Team Formation 2021: Initial Release - MVP Launch 2022: Version 2.0 - Feature Expansion 2023: Global Expansion - Multi-language Support


## Output Example

Galaxy-themed timeline graphic recording HTML with Tropical Fruit Punch color palette (green #44803F, yellow #FFEC5C, orange #FF5A33) will be generated.

## Notes

- Vibrant colors stand out against dark galaxy background
- Planet-style markers are placed colorfully
- Light source animation moves like breathing