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

Dark Finance Dashboard Glassmorphism

UI Mockups Glassmorphism Dark Mode

English full prompt

A pixel-perfect desktop web app mockup of a personal finance dashboard rendered in glassmorphism style. The layout uses a dark navy background (#0D1117) with frosted-glass panels — each card has 20% white opacity, a 1px semi-transparent white border, and a soft inner shadow. The left sidebar shows navigation icons for Overview, Transactions, Investments, and Budget with thin white labels. The main area contains a large area chart showing 12-month net-worth growth in gradient teal-to-violet, a row of four KPI cards ("Total Assets", "Monthly Income", "Savings Rate", "Portfolio Return") with up/down percentage badges, and a donut chart for spending categories. Typography is a geometric sans-serif — headings 24px bold, data labels 13px medium. Subtle animated-style scan lines hint at live data. A floating top bar shows the app logo text "Vaulta" in a slim sans-serif, user avatar, and a bell notification icon with a red dot. The overall palette is deep navy, frosted white, electric teal, and muted violet. No lorem-ipsum — all numbers are plausible (e.g. "$124,530", "+3.2%").

中文完整提示词

一张桌面端 Web 应用财务仪表盘的像素级精准 mockup,采用玻璃拟态风格。深海军蓝背景,每张卡片为磨砂玻璃效果,带细白色描边和内发光阴影。左侧边栏含 总览、交易、投资、预算 导航。主区域展示 12 个月净资产折线面积图(青绿渐变紫),四个 KPI 卡片(「总资产」、「月收入」、「储蓄率」、「组合回报」),以及支出分类圆环图。顶部栏显示 Logo 文字 「Vaulta 财务」,头像和红点通知铃。配色为深蓝、磨砂白、电光青和哑光紫,数据均为合理数值。

Related cases