Home › Design Assets › Six Hero Cards, One Framed in Gold

Six Hero Cards, One Framed in Gold

Today's layout reference: six hero cards, the center one carrying its own gold-foil sticker feel.

Grok ImagineGame UIUI designUI design aestheticdata visualization

Prompt notes

✍️ Six hero cards in a row, and the center one pops out with nothing but a gold border — the same trick as sticking gold washi tape over the important line in a planner. Stat bars on the left, skin thumbnails on the right, sections divided by color rather than size — this layout logic ports straight over to any other UI.

Full prompt

📋 Prompt Natural Language912 characters

Game UI for a multiplayer battle arena's hero-selection screen, vibrant fantasy aesthetic throughout, clean sans-serif typography, English text only, rendered at 8k. Top bar reads the game mode, 'RANKED — SEASON 8', alongside a matchmaking timer, 'MATCHMAKING: 00:12'. Across the center, six character portraits sit in a horizontal row, each carrying its name and role: the selected hero gets a gold border around 'ZEPHYR — ASSASSIN' with the tagline 'Strike from the shadows', while the other five read 'THORNE — TANK', 'EMBER — MAGE', 'LUNA — SUPPORT', 'KADE — FIGHTER', 'ORION — RANGER'. On the left, a stats panel shows bars for 'DAMAGE: 85', 'SURVIVABILITY: 42', 'UTILITY: 70', and 'DIFFICULTY: 3/5'. On the right, a skin-selection panel carries small thumbnails labeled 'DEFAULT', 'SHADOWSTALKER', 'CELESTIAL'. Along the bottom sit three buttons: 'LOCK IN' in green, 'BACK' in gray, 'VIEW DETAILS' in blue.

Start Creating with AI