giobidev Blog - Image Design Guidelines

Last updated: 2025-11-15

Style Requirements

Format

• Style: Retro 16-bit pixel art
• Aspect ratio composition: Focus on CENTER CROP to 16:9
  • Compose content in horizontal center band
  • Ensure important elements are in the middle horizontal strip
• NO TEXT/WORDS/LETTERS in the image (ever!)

Color Palette (Strict)

Use ONLY these colors:

• Orange: #ef7d57 (warm, industrial)
• Blue: #223377 (deep ocean)
• Purple: #9146ff (cyber neon)
• Green: #00ff88 (neon accent)
• Gray: #c1bfbf (neutral, minimal)

Content Guidelines

• Retro pixel art aesthetic (16-bit era)
• Geometric patterns preferred
• Abstract/symbolic rather than realistic
• NO text, letters, or words
• Center-weighted composition (16:9 safe area)

Examples

Good Prompts

Generate a pixel art landscape. IMPORTANT: NO TEXT, NO WORDS, NO LETTERS in the image.
Compose for CENTER CROP to 16:9 aspect ratio (focus content in horizontal center band).
Style: retro 16-bit pixel art.
Scene: [describe scene]
Colors: orange #ef7d57, blue #223377, purple #9146ff, green #00ff88, gray #c1bfbf.

Bad Prompts

• Including text labels ❌
• Full square composition without center focus ❌
• Photo-realistic style ❌
• Colors outside palette ❌
• Modern flat design ❌

Technical

• File location: /home/web/giobidev/assets/images/YYYY/
• Naming: post-slug-keyword.png
• Format: PNG
• Initial size: 1024x1024 (will be cropped to 16:9)

Reference Images

• /home/web/giobidev/media/2025/design-system-variations.png - Good example
• /home/web/giobidev/media/2025/design-system-hero.png - Good example