这套方案适合什么项目
- 财富管理、个人财务和投资组合仪表盘
- 需要按参考画布比例缩放的演示界面
- 希望用纯 HTML 与 CSS 快速验证数据层级
APPS · 商业与金融
暗色财富管理仪表盘提示词
金融仪表盘需要在高信息密度下保持可读。这个方案围绕账户总览、关键数字和辅助趋势组织画布，并用统一缩放变量适配不同视口。暗色系统依靠表面层级和留白建立秩序，而不是用更多图表制造专业感。
实现工具与技术边界
- HTML
- CSS
- CSS 自定义属性
- 响应式比例缩放
DESIGN DECISIONS
真正决定结果的设计取舍
- 01
总资产与主要变化占据第一阅读层
- 02
次要数据使用更低对比度但保持可读
- 03
统一缩放变量维护画布比例
- 04
真实产品中为数字补充标签和时间范围
PUBLIC PROMPT EXCERPT
公开提示词片段
这段内容只公开核心方向，足够判断提示词是否具体。组件清单、细节参数、响应式规则与完整验收要求继续由会员权限保护。
Recreate a dark finance dashboard in a single HTML and CSS document. Preserve the reference canvas ratio through a shared scale variable, keep the primary balance dominant, and avoid placing a dark veil over the hero media.完成后应该得到什么
生成结果是一张结构稳定的财富仪表盘原型。它适合视觉验证，但接入真实数据时还需要补充加载、隐私遮罩和数值错误状态。
生成后不要跳过这些检查
- 所有数字都带单位和时间范围
- 隐私模式可以隐藏敏感金额
- 小屏缩放后文字仍达到可读尺寸
RELATED ASSETS
相关构建方案
围绕同一任务继续比较，不必退回搜索起点。
