黑哥 AI
切换中文
Mobile is supported. For large previews, filtering, and copying long prompts, desktop browser is more comfortable.

SaaS Finance Dashboard Glassmorphic Web

UI Mockups Glassmorphism Dark Mode Minimalist

English full prompt

A full-screen web dashboard for a B2B SaaS finance platform, viewed in a browser at 1440px width, dark mode. Background: a rich deep navy (#0D1B2A) with two large soft radial glows — one midnight blue at top-left, one deep indigo at bottom-right. All panels are glassmorphic: semi-transparent dark glass with 12px blur, 1px border at 20% white opacity, 16px corner radius. Top header: logo text "Vaultline" in white 20px Plus Jakarta Sans Semibold; nav items "Overview", "Payments", "Reports", "Settings" in 14px gray; a "Upgrade Plan" pill button in soft violet. Main content: four metric tiles at top — "Revenue" $3.2M, "Expenses" $1.1M, "Net Profit" $2.1M, "Runway" 18 mo — each with a subtle icon and a week-over-week delta badge. Below, a large area chart labeled "Monthly Revenue vs. Expenses" using a dual-line chart on dark ground, one line in pale teal, one in amber. Right side: a vertical transaction feed with avatar circles, merchant names, amounts, and timestamps. All glass panels cast a very slight glow onto the navy background behind them. Mood: premium B2B fintech.

中文完整提示词

生成一张 1024x1280 像素、4:5 竖版 B2B 财务平台深色网页仪表盘。背景深海军蓝,玻璃拟态半透明卡片。顶部品牌「Vaultline 财务云」,按钮「升级套餐」。四个指标卡:「收入 ¥320万」「支出 ¥110万」「净利润 ¥210万」「现金周期 18个月」。下方图表标题「月度收入与支出」,青色和琥珀双线。右侧交易流中文商户名和人民币金额。所有可见文字为简体中文和人民币价格;B2B 可保留;不出现英文品牌、英文指标、美元符号、真实金融标志、水印或乱码。

Related cases