mirror of
https://github.com/JimLiu/baoyu-skills.git
synced 2026-07-16 15:39:47 +08:00
Jim Liu 宝玉
68 lines
2.4 KiB
Markdown
68 lines
2.4 KiB
Markdown
# 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
|