Flat vector
Shapes are simple, edges are smooth, and fake depth is almost absent. Size, color, and position carry the information, so a rule can be read as a diagram.
Traits
- An object is one complete geometric shape, with little interior detail
- A shadow, if any, is a shifted flat color
- One job keeps one color
- Corner radius and stroke weight stay consistent across world and interface
Play that fits
It suits route planning, light puzzles, and choice-based stories. Players compare shapes rather than textures.
Reference games
Make a coherent game art set
Suggested asset specification
- Actors/nodes: few geometric shapes
- Scene: coherent color fields and routes
- UI: shared icon strokes and type hierarchy
Motion and feedback
Use position, deformation and short transitions for state; do not rely only on color.
Main production effort
Shape, layout and motion-system consistency are the main effort rather than surface detail.
Start with this small scene
Three object shapes, one route and two states in one screen using few main colors.
Simplify for a smaller budget
Reuse radii, strokes and spacing instead of decorating each control independently.
What to check
Can states be read in grayscale/color-vision variations, with consistent strokes at different sizes?
Take the art specification
Includes localized visual rules, asset suggestions, scope and sources. This is a specification; assets still need production for your project.
Art specification v1 · Original editorial and examples · Reference-game assets not included
Prompt examples
Flat-vector traveler on geometric hills, four solid colors, consistent corners, no gradients, no extra outlines, no text
Flat-vector harbor, boats as simple color shapes, one dashed route, lots of empty background
Common pitfall
Flat graphics still need shape and position cues rather than color alone.
Observations and sources
Cases refer to public documentation. Developers and community wikis are credited separately; document review is not a claim of hands-on testing.
- Mini Metro
Observe graphical coding of routes, stations and crowding without inferring a drawing API.
- Florence
Compare simplified figures, color fields and interactive shapes without calling every frame pure vector art.
Brief for the studio
Opens the AI studio with the brief below in the input. You can edit it. Nothing starts automatically.
Make a flat-vector route game: connect stops of three colors so passengers reach a matching stop. Keep shapes simple, use one color for one job, and use no gradients.
Related entries
Minimal geometry
Use circles, squares, lines, and a few colors. Every shape needs a job. Decoration that does not help a decision comes out.
Limited dither
When there are too few colors for a gradient, a fixed dot pattern mixes two of them into a middle tone. The texture comes from the limit, and shadow has a pattern.
Pixel
Aligned color blocks and a small palette explain the character, the ground, and the danger. Clarity comes from silhouettes and a few keyframes, not from tiny brushwork.
Covers are original AI-generated style illustrations. Game names reference publicly visible design choices and remain the property of their owners. This atlas does not supply screenshots or assets from those games. Prompts and combinations are original drafts for new games.