Back to Hermes Agent

pixel-art

optional-skills/creative/baoyu-article-illustrator/references/styles/pixel-art.md

2026.6.51.9 KB
Original Source

pixel-art

Retro 8-bit pixel art aesthetic with nostalgic gaming style

Design Aesthetic

Pixelated retro aesthetic reminiscent of classic 8-bit and 16-bit era games. Chunky pixels, limited color palettes, and nostalgic gaming references. Simple geometric shapes rendered in blocky pixel form. Fun, playful, and immediately recognizable retro tech aesthetic.

Background

  • Color: Light Blue (#87CEEB) or Soft Lavender (#E6E6FA)
  • Texture: Subtle pixel grid pattern, optional CRT scanline effect

Color Palette

RoleColorHexUsage
BackgroundLight Blue#87CEEBPrimary background
Alt BackgroundSoft Lavender#E6E6FASecondary backgrounds
Primary TextDark Navy#1A1A2EMain elements
Accent 1Pixel Green#00FF00Success, highlights
Accent 2Pixel Red#FF0000Alerts, emphasis
Accent 3Pixel Yellow#FFFF00Warnings, energy
Accent 4Pixel Cyan#00FFFFInfo, tech elements
Accent 5Pixel Magenta#FF00FFSpecial elements

Visual Elements

  • All elements rendered with visible pixel structure
  • Simple iconography: notepad, checkboxes, gears, rockets
  • Text bubbles with pixel borders
  • 8-bit decorations: stars, hearts, arrows
  • Progress bars with chunky pixel segments
  • Dithering patterns for color transitions
  • Limited 16-32 color palette

Style Rules

Do

  • Maintain consistent pixel grid throughout
  • Use limited color palette (16-32 colors max)
  • Create blocky, geometric shapes
  • Add nostalgic gaming references
  • Use dithering for color transitions

Don't

  • Use smooth gradients or anti-aliasing
  • Create photorealistic elements
  • Use thin lines or fine details
  • Add modern glossy effects
  • Break the pixel grid alignment

Best For

Gaming articles, tech tutorials, nostalgic content, developer topics, retro-themed pieces, creative tech content