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
收錄來源