Pixel art
Also called low-resolution raster art, sprite art, indexed-palette pixel graphic, bitmap art, dithered pixel illustration
1Images authored on a coarse pixel grid with an indexed palette, where dithering does the work gradients would.
Starting from a real product, person, or object? Keep that reference recognizable. Apply the direction to its setting, supporting elements, composition, light, surfaces, crop, and finish instead of redesigning the subject.
- Made by
- Images authored on a coarse pixel grid with a strictly indexed palette, where every pixel is placed deliberately and dithering substitutes for gradients
- Control
- Prompt + reference — Words get you close; a style reference is what holds a whole set together.
Why it works
What the direction actually buys you when it lands.
- The grid is a hard constraint, so every form must be resolved into a small number of deliberate pixels — the resulting economy of shape is what makes it read instantly at any size.
- An indexed palette of a dozen or so colours forces value decisions that a continuous palette lets you avoid, which is why the results feel designed rather than rendered.
- Dithering creates apparent intermediate tones from two colours, giving texture and gradation without leaving the palette.
- It is unambiguously screen-native, so it signals software, play and craft simultaneously without needing a subject that says so.
What you see
The perceptual fingerprint — check a candidate against these.
- A visible, consistent pixel grid where every block is the same size
- A small indexed palette with no anti-aliased intermediate colours
- Ordered dithering — checkerboard and diagonal patterns — standing in for gradients
- Deliberate single-pixel highlights and outlines that define form economically
- Hard aliased diagonals rather than smoothed edges
Best fit
Where this direction is the right answer.
- Developer tools, games and creative software with a playful register
- Campaign and social assets needing personality at small sizes
- Explainers where a small scene can carry a concept charmingly
- Brands wanting craft signalling without a handmade or analog register
Avoid when
Known-bad conditions. Pick another direction instead.
- The brand is premium, formal or enterprise-serious
- You need photographic credibility or product accuracy
- The asset must scale to a large hero — the grid becomes enormous
- The audience would read the retro association as unfinished
Compatibility
How it behaves next to the rest of a design system.
Pairs with
- Monospace and bitmap-adjacent typography
- Kits with a small, saturated palette
- Playful, dense interface layouts
- Hard-edged, low-elevation kit shapes
Tension with
- Photographic imagery in the same view
- Premium serif and luxury registers
- Soft gradients and glass treatments
- Kits with wide, subtle palettes
Delivery discipline matters more here than in any other direction: integer-scale only, nearest-neighbour resampling, and never let an optimizer resample the asset. A correctly authored pixel image ruined by fractional scaling looks worse than a wrong direction.
Accessibility
What has to be true before this ships to real readers.
- Never scale by a non-integer factor: fractional scaling resamples the grid into soft mush and destroys the direction
- Ordered dithering can moiré badly on scroll and at fractional zoom levels; keep dither patterns coarse and avoid animating them
- Small indexed palettes make contrast easy to verify — check the actual indexed values, since perceived colour differs from the swatch
- Describe the depicted scene in alt text; pixel scenes usually carry concrete content
Agent tags
The machine-readable handles an agent matches on when it picks a direction.
- pixel-grid
- indexed-palette
- dithering
- screen-native
- integer-scale-only
- aliased-edges
- playful
Build payload
ProWhat an agent needs to turn Pixel art into a repeatable production brief: prompt scaffold, constraints, parameters and review.