ai21.net
语言

Mobile Budgeting App Mockup

Mobile Budgeting App Mockup — 1

提示词

Design a polished mobile finance app UI mockup for a fictional neobank called AURAE, shown on a 1290x2796 smartphone screen, front-facing, with a soft off-white background and subtle shadow. Use a calm palette of deep navy, mint green, warm gray, and white. Create a complete home screen with crisp typography, clean spacing, rounded cards, and precise icon alignment. Include a top header with the in-image text "AURAE", "Good morning, Lina", and "Total balance $12,480.36". Add three summary chips labeled "Income +$4,200", "Spent -$1,830", and "Saved 32%". Show a weekly spending bar chart labeled "Mon Tue Wed Thu Fri Sat Sun" and a recent transactions list with "Metro Pass $18.50", "Green Bowl $14.20", and "Rent $1,240.00". Include a bottom nav with "Home", "Cards", "Budget", and "Profile". Prioritize crisp UI hierarchy, realistic mobile app styling, sharp labels, and production-quality mockup presentation.

中文译文

为一款名为 AURAE 的虚构数字银行设计一个精致的移动端金融 App UI mockup,展示在 1290x2796 的智能手机屏幕上,正面视角,配有柔和的米白色背景和细微阴影。使用沉静的配色:深藏青、薄荷绿、暖灰和白色。创建完整的首页界面,排版清晰、间距干净、圆角卡片、图标对齐精准。加入顶部标题区,图中文字为 "AURAE"、"早上好,Lina" 和 "总余额 $12,480.36"。添加三个摘要标签,分别标注为 "收入 +$4,200"、"支出 -$1,830" 和 "储蓄 32%"。展示一张周支出柱状图,标注为 "周一 周二 周三 周四 周五 周六 周日",以及最近交易列表:"Metro Pass $18.50"、"Green Bowl $14.20" 和 "房租 $1,240.00"。加入底部导航,包含 "首页"、"卡片"、"预算" 和 "我的"。优先保证清晰的 UI 层级、真实的移动 App 风格、锐利的标签,以及生产级质量的 mockup 呈现。

溯源

原作者
wuyoscar
收录来源