01
设计气质 DNA
专业数据驱动企业投资者关系
专为金融数据报告设计的高科技企业界面，外观流畅简约。
02
色彩
#FFFFFFInk#CCCCCCInk soft#111111BG#1A1A1ABG soft#E5E5E5BG quiet#888888Mutedrgba(255, 255, 255, 0.15)Line以深色基底与高亮排版焦点构成的高对比度单色体系。
03
字体
- display
80px · 400 - h2
32px · 400 - body
16px · 400
大型展示文本采用紧凑字间距 · 正文使用标准字间距 · 避免使用粗重字重；依赖尺寸与色彩建立层级
04
间距
4px8px16px24px32px48px64px96px统一的8点网格系统
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
用于几何插图与轮廓的细白线或灰线
06
布局
1440container
12columns
24pxgutter
768 / 1024 / 1280breakpoints
深浅背景交替的分屏卡片布局
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
静态页面加载 · 链接的细微悬停状态
显示文本下划线 · 直接跳转导航
08
组件
- button 带大写箭头的下划线文本链接
- card 采用纯色背景与几何插图的全宽或分屏区块
- chip 带斜杠符号的文本导航
- input 标准Cookie同意按钮，使用纯色填充或描边样式
- hero 深色背景上居中排列的巨型几何覆盖层与排版标题
09
文案语气与禁用清单
- 语气 正式、权威且透明
- 标题风格 大型、简洁的小写或首字母大写几何无衬线体
- 按钮文案 带右上箭头的下划线文本
- 禁用圆角——设计依赖组件的尖锐方形边缘
- 禁用明亮饱和的强调色——色彩方案严格遵循单色体系
- 禁用投影效果——界面层次通过纯色与对比度构建
- 禁用粗重字重——字体保持轻盈几何感
- 禁用装饰性字体——严格使用功能性无衬线体
- 禁用柔和渐变——背景采用纯色平面处理
- 避免: 俏皮化的语言
- 避免: 明亮饱和的色彩
- 避免: 圆角设计
- 避免: 厚重的投影效果
11
System Prompt
这是暗模式企业投资者关系网站。采用#111111作为主背景色、#FFFFFF实现高对比度排版的极简单色方案。设计使用展示级与正文级几何无衬线字体，避免粗重字重以维持简洁的数据驱动美感。关键设计规范包括：所有组件严格采用尖锐方形圆角、完全不使用投影效果、禁用明亮强调色。排版通过尺寸与色彩对比而非字重建立层级。布局采用分屏方式处理内容卡片，深浅背景交替呈现，并以大型居中几何覆盖层作为视觉锚点。