01
设计气质 DNA
银行软件平台企业技术
一个品牌标识最少的企业加载屏幕
02
色彩
#E91E63Accent#FFFFFFInk#2D2D2DBG#9E9E9EMutedrgba(255, 255, 255, 0.2)Line高对比度暗色模式，搭配白色文字和微妙的几何强调色
03
字体
- display
32px · 600
所有文本使用几何无衬线字体 · 标题保持紧凑的字间距 · 在深色背景上使用白色文字
04
间距
4px8px16px24px32px48px64px96px为居中内容提供充裕的内边距
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 4px
lg · 8px
pill · 999px
细微的细线
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
居中垂直堆叠，包含 Logo、品牌名称和加载条
07
动效与交互
150msmicro
300mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
线性加载条动画
静态截图中不可见 · 静态截图中不可见
08
组件
- button 在此视图中极少或不存在
- card 不存在
- chip 不存在
- input 不存在
- hero 居中的品牌标识块
09
文案语气与禁用清单
- 语气 专业且企业化
- 标题风格 直接且聚焦品牌
- 按钮文案 无可见 CTA
- 不要使用浅色背景 —— 截图显示为深色 #2D2D2D 背景
- 不要使用多种字体族 —— 截图显示为单一的几何无衬线字体
- 不要添加不必要的 UI 元素 —— 截图显示为居中的极简内容
- 不要使用复杂的导航 —— 截图为加载状态，无导航
- 不要使用明亮的主色作为背景 —— 截图显示为深色背景上的白色文字
- 不要创建不对称布局 —— 截图显示为完全居中的内容
- 避免: 俏皮的语言
- 避免: 过度的装饰
- 避免: 随意的语气
11
System Prompt
这是一个用于 Sopra Banking Software 的深色、极简加载屏幕。设计采用深炭灰色背景 (#2D2D2D)，搭配白色文字和一个包含粉色、黄色及青色元素的几何 Logo。排版采用几何无衬线字体，品牌名称字间距紧凑。布局居中，Logo 下方有一条细水平加载条。关键约束：不使用浅色背景、不使用多种字体、不添加复杂的 UI 元素。设计强调克制、专业性和企业银行软件的美学。避免俏皮或随意的元素，保持文本与背景之间的高对比度，并使界面专注于品牌标识。