01
设计气质 DNA
简洁极简金融工具专业
一个等待填充内容的极简金融仪表盘。
02
色彩
#111827Ink#374151Ink soft#FFFFFFBG#9CA3AFMutedrgba(0, 0, 0, 0.1)Line采用高对比度单色与大量留白,以强调专注与清晰。
03
字体
- display
56px · 600
04
间距
4px8px16px24px32px48px64px96px以4px为基本单位,垂直节奏宽松,提供呼吸空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
无可见边框,依赖空间分隔。
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
居中单栏布局,边框极简。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
内容元素的微妙淡入
交互元素上出现微妙的颜色或缩放变化。 · 反馈极简,保持冷静美感。
08
组件
- button 深色胶囊状主操作按钮。
- card 不可见,但考虑到背景,可能采用浮动或极简设计。
- chip 浅蓝色胶囊状徽章。
- input 不可见,但可能设计简洁、极简。
- hero 大面积留白,搭配单个3D插画元素。
09
文案语气与禁用清单
- 语气 专业、自信且极简。
- 标题风格 简洁、直接、面向行动。
- 按钮文案 清晰、祈使句式、视觉突出。
- 不要添加背景纹理或图案——截图显示为纯白背景。
- 不要使用多种点缀色——截图仅显示浅蓝色和深色主色。
- 不要使用装饰性边框或框架——截图显示元素漂浮在留白中。
- 不要使用复杂渐变——截图显示为纯色块。
- 不要使布局过于拥挤——截图显示大量、刻意的空白。
- 不要使用华丽的字体——截图显示为简洁的几何无衬线体。
- 避免: 杂乱
- 避免: 视觉噪音
- 避免: 含糊不清
11
System Prompt
一个极简、高对比度的金融科技仪表盘界面。定位专业、工具导向,依靠大量留白实现清晰度。关键十六进制颜色:纯白 #FFFFFF 用于背景,近黑 #111827 用于主文本和按钮,浅蓝 #DBEAFE 用于点缀徽章。字体类别:标题与正文均采用几何无衬线体。关键禁忌:不要添加背景纹理或图案,不要使用多种点缀色,不要用元素使布局过于拥挤。语气专业直接,强调克制与精准。