01
设计气质 DNA
法律验证文件企业极简
一个用于法律和身份文件的数字文件柜。
02
色彩
#FFFFFFInk#0D1121BG#151A30BG soft#6B7280Mutedrgba(128, 128, 128, 0.3)Line高对比度深色模式,克制地使用色彩。
03
字体
- display
48px · 700 - h1
24px · 600 - body
14px · 400
04
间距
4px8px16px24px32px48px64px96px一致的垂直节奏,卡片元素中采用宽裕的 padding。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(128, 128, 128, 0.3)
0 4px 6px rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的单列布局,深色背景。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
背景色或边框的微妙变化。 · 带有视觉反馈的即时响应。
08
组件
- button 宽大的圆角矩形,大写文本和一个 chevron 图标。
- card 深灰色背景,带细边框和圆角。
- hero 极简 hero 区域,网站名称居中位于顶部。
09
文案语气与禁用清单
- 语气 专业且权威。
- 标题风格 全大写、粗体、高度易读。
- 按钮文案 直接且以行动为导向。
- 不要使用明亮、饱和的颜色——截图显示的是一个深沉、柔和的调色板。
- 不要使用衬线字体——截图显示的是干净的无衬线字体。
- 不要使用复杂的布局——截图显示的是一个简单的居中单列布局。
- 不要使用俏皮或随意的语言——截图显示的是正式的大写文本。
- 不要过度使用圆角——截图显示的是圆角和直角边缘的混合。
- 不要使用高对比度点缀色——截图显示的是一个单色深色主题。
- 避免: 俏皮的语言
- 避免: 非正式的语气
- 避免: 过度的装饰
11
System Prompt
一个极简主义、深色主题的法律和验证服务界面,采用居中的单列布局,深海军蓝背景(#0D1121)。设计使用白色文本以实现高对比度,无衬线字体以确保清晰度,并采用克制的灰色边框来界定卡片元素。关键特征包括带有大写文本和 chevron 图标的大圆角按钮,形成了清晰的视觉层次。关键设计规则:避免使用明亮或饱和的颜色,不使用衬线字体,并避免复杂或杂乱的布局。语气专业且权威,适用于金融科技或 SaaS 环境。