Chrome emoji badge
Replace the {👍} emoji icon; replace the title and tagline.
AI-generated demonstration · #YM-089 · UI & UX Design · 1024/1536

Prompt
高精度的 3D 渲染图,按照 emoji 图标 {👍} 展示一个金属质感的徽章,固定在竖直的商品卡片上,具有超光滑的镀铬质感和圆润的 3D 图标造型,风格化的未来主义设计,带有柔和的反光与干净的阴影。纸质卡片顶部中央带有一个冲切的欧式挂孔,徽章上方是醒目的标题 “{Awesome}”,下方配有趣味标语 “{Smash that ⭐ if you like it!}”。背景为柔和的灰色,使用柔光摄影棚灯光,整体风格极简。Style Breakdown
Use spacing, type scale, and a clear primary action to establish hierarchy. Keep labels short and use invented account names and neutral navigation.
Recommended Parameters / Aspect Ratio
Start with the template aspect ratio 1024/1536 to preserve the demonstrated framing. Use a standard preview resolution first, then increase output size after the composition works. Model-specific steps and guidance values are not supplied for this example; use your selected provider's defaults and adjust one setting at a time. Results vary between models.
Review Your Result
Review button alignment, text legibility, and repeated component spacing at full size. A generated interface is a visual concept, not working software.
Use Case Scenarios
Use this exercise for early wireframe discussions or visual direction boards. Rebuild the approved layout in accessible HTML before testing it with users.
Templates demonstrate visual techniques. They are not evidence of real events or endorsements. Use fictional subjects and authorized materials. Report concerns to [email protected].