pixel-art

# Pixel Art SVG Generator Create a pixel art SVG illustration: $ARGUMENTS ## Design Principles ### Pixel Grid - Each "pixel" is a `<rect>` with width/height of 7px - Grid spacing: 7px (no gaps between pixels) - Characters are typically 8-10 pixels wide, 8-12 pixels tall - Use `<g transform="translate(x,y)">` to position and reuse character groups ### Color Palette Keep it simple — 3-5 colors per character: - **Skin**: `#FFDAB9` (light), `#E8967A` / `#D4956A` (blush/shadow) - **Eyes**: `#333` - **Hair**: `#8B5E3C` (brown), `#2C2C2C` (black), `#FFD700` (blonde), `#C0392B` (red) - **Clothes**: use project's brand color (e.g. `#4A9EDA` for blue, `#74AA63` for green) - **Shoes/pants**: `#444` - **Accessories**: `#555` (glasses frames), `#FFD700` (crown) ### Character Template (7px grid) ``` Row 0 (hair top): 4 pixels centered Row 1 (hair): 6 pixels wide Row 2 (face top): 6 pixels — all skin Row 3 (eyes): 6 pixels — skin, eye, skin, skin, eye, skin Row 4 (mouth): 6 pixels — skin, skin, mouth, mouth, skin, skin Row 5 (body top): 8 pixels — hand, 6 shirt, hand Row 6 (body): 6 pixels — all shirt Row 7 (legs): 2+2 pixels — with gap in middle ``` ### Scene Composition #### Chat Dialogue Layout (like our hero image) - Two characters on left/right sides, vertically centered - Chat bubbles between them, alternating left/right - Bubble tails point toward the speaking character - Arrows between bubbles show direction of communication ...