AI Game Menu Screen Design
Describe the screen and what it sells, and the layout players expect comes back in your game's style
“Design and mock up the shop screen for my fantasy mobile RPG in portrait: gem bundles, a daily deal and a currency bar, with sample prices and labels written in.”
The daily deal leads, the gem bundles follow, and the currency bar stays in view, so the player always knows what they can afford.
“Design and mock up a season pass reward track with free and premium lanes for my racing game, with sample text written in: the season name, tier numbers, reward names and the upgrade button.”
Claimed, claimable and locked tiers each get their own treatment across the free and premium lanes, and the upgrade button sits in the thumb zone.
“Design and mock up a gacha summon reveal screen for my anime-style hero collector, with sample text written in: the banner name, rarity and the summon buttons.”
The reveal, the rate-up banner and both summon buttons, single and ten-pull, share one screen, so the player never loses sight of what they are pulling for.
Shops, season passes and gacha screens carry a game's revenue, and they usually get decided in gray wireframes. Nobody can judge an offer until it sits in the game's own style, and by then a sprint has gone into building it.
Describe the screen and what it has to sell, and skip the wireframe. Layer lays it out the way players already expect for that kind of screen and renders it in your style with sample text in place, so the review looks at something close to the real thing.
A store screen has one star and one main action. Layer gives the anchor offer the size and the emphasis and keeps the supporting offers quieter, because emphasis only works while it is scarce: badge every card and players stop seeing badges. The currency stays in view, and the button that spends it sits where the thumb lands.
A shop opens on the deal of the day. A season pass runs a free lane and a premium lane on shared tier columns, and the premium rewards stay visible while locked, since the gap between the two lanes is the pitch. A gacha screen keeps the rate-up subject large and the summon buttons on the same screen as the showcase. Name the screen and Layer applies the convention that belongs to it.
Mockups arrive as PNG files at your screen's resolution. Once one is approved, ask for its pieces as separate files and build from those.
For the pieces themselves, see game UI kits and game icon sets. For the in-play layer, see game HUD design.
Name a style and the pieces you need. Layer draws buttons, tabs, panels and frames as one matching kit, in every state, with panels built to 9-slice.
Every HUD Widget in Every State, Placed Where Players LookDescribe your game and its platform. Layer lays out the HUD for your genre and draws health bars, skill slots and minimap pieces in every state.
Mock Up UI on Your Screenshot Without Touching the Game ArtAttach a screenshot of your game and get a HUD or menu mocked up on it in your art style, with the scene untouched and the play space kept clear.
Game Icon Sets That Still Read at 32 PixelsList your ability, currency or inventory icons and Layer draws them as one set, sharing outline and light, with silhouettes that hold at hotbar size.
Shops, premium storefronts, season passes, gacha reveals, inventories, level maps, results and settings. Name the screen and what it has to show, and Layer follows the layout players already know for it.
No. It is lettering inside a picture, there so the mockup looks finished in review. Your engine draws the real prices, names and timers, so treat the written-in copy as placeholder.
Ask for them as separate pieces. Attach the approved mockup and request the bundle cards, tabs and buttons on their own, without text, so you get clean assets instead of crops. See [game UI kits](/use-cases/game-ui-kit).
Yes. Ask for the same shop with the bundles above the deal, or five tiers where there were three, and review both before anyone builds either.
Yes. Attach a screenshot and ask for the screen in the same style, or see [UI mockups on your screenshot](/use-cases/game-ui-mockup).
Create a free Layer account and describe the screen your game sells from.