Files
baoyu-skills/skills/baoyu-slide-deck/references/styles/pixel-art.md
T
2026-01-18 00:01:06 -06:00

2.4 KiB

pixel-art

Retro 8-bit pixel art aesthetic with nostalgic gaming visual 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, CRT scanline effect optional

Typography

Primary Font (Headlines)

Pixelated bitmap font style. Chunky, blocky letterforms with visible pixel structure. All caps for maximum readability. Render as actual pixel art, not smooth vectors.

Secondary Font (Body)

Smaller pixel font with consistent 8x8 or 16x16 character grid. High contrast against background. Limited anti-aliasing to maintain retro feel.

Color Palette

Role Color Hex Usage
Background Light Blue #87CEEB Primary background
Alt Background Soft Lavender #E6E6FA Secondary backgrounds
Primary Text Dark Navy #1A1A2E Headlines, body text
Accent 1 Pixel Green #00FF00 Success, highlights
Accent 2 Pixel Red #FF0000 Alerts, emphasis
Accent 3 Pixel Yellow #FFFF00 Warnings, energy
Accent 4 Pixel Cyan #00FFFF Info, tech elements
Accent 5 Pixel Magenta #FF00FF Special elements

Visual Elements

  • All elements rendered with visible pixel structure
  • Simple iconography: notepad, checkboxes, gears, rockets, play buttons
  • Text bubbles and speech boxes with pixel borders
  • 8-bit style decorative elements: stars, hearts, arrows
  • Progress bars with chunky pixel segments
  • Dithering patterns for gradients and shadows
  • Limited to 16-32 color palette per slide

Style Rules

Do

  • Maintain consistent pixel grid throughout
  • Use limited color palette (16-32 colors max)
  • Create blocky, geometric shapes
  • Add nostalgic gaming references where appropriate
  • 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
  • Add slide numbers, footers, or logos

Best For

Gaming presentations, tech tutorials, nostalgic content, developer talks, retro-themed events, educational content for younger audiences, creative tech presentations