01
设计气质 DNA
AI多模态智能体技术全球化
一个高科技、简洁的AI平台控制面板
02
色彩
#181E25Ink#3D3D3DInk soft#FFFFFFBG#F8F9FABG quiet#8E8E93Mutedrgba(229, 231, 235, 1)Line以干净的白色为画布，搭配高对比度的深色文字和柔和的灰色结构元素。
03
字体
- display
80px · 600 - h2
32px · 600 - body
16px · 400
04
间距
4px8px16px24px32px48px64px96px采用一致的4px网格，章节间留有充足的留白。
05
表面 (圆角 / 阴影 / 边线)
sm · 8px
md · 12px
lg · 24px
pill · 9999px
1px solid #E5E7EB
rgba(0, 0, 0, 0.08) 0px 0px 22.576px 0px · rgba(36, 36, 36, 0.08) 0px 0px 16px -4px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的内容容器，两侧有充足的内边距，垂直堆叠清晰。
07
动效与交互
150msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素的平滑颜色过渡 · hover时的细微透明度变化
交互元素的背景颜色变化或细微的缩放变换。 · 通过轻微的下沉或颜色偏移提供即时视觉反馈。
08
组件
- button 胶囊形按钮，主要操作使用深色背景，次要操作使用带边框的白色背景。
- card 白色卡片，带有柔和阴影和圆角，用于展示产品功能。
- chip 虽不突出，但元素使用小型圆角容器。
- input 标准输入框，带有柔和边框和圆角。
- hero 大型居中文本，包含醒目的标题、副标题和行动号召按钮。
09
文案语气与禁用清单
- 语气 专业、自信且富有前瞻性。
- 标题风格 粗体、简洁，聚焦于能力。
- 按钮文案 直接且以行动为导向，例如“立即尝试智能体”。
- 不要使用霓虹色或高饱和度的强调色——调色板严格采用单色系搭配白色背景。
- 不要在卡片上使用厚重的投影——设计采用柔和、细腻的box-shadow来表现层次。
- 不要为主要按钮使用纯粹几何、尖锐边缘的形状——设计采用完全圆润的胶囊形按钮。
- 不要使用深色模式布局——截图展示的是明亮、白色背景的界面。
- 不要用密集的信息充斥布局——设计使用充足的留白和清晰的视觉层次。
- 不要为文本使用复杂的渐变背景——设计依靠纯色来保证可读性。
- 避免: 过于随意的语言
- 避免: 过多的行业术语
- 避免: 悲观的语调
10
包内真实截图
11
System Prompt
此设计代表一个专业、简洁的AI工具SaaS平台，采用单色系配色（#FFFFFF背景，#181E25墨色），使用人文无衬线字体（DM Sans/Plus Jakarta Sans）。布局居中且宽敞，注重清晰的层次和可读性。避免使用明亮的霓虹强调色、厚重的阴影、尖锐边缘的按钮、深色模式布局、杂乱的布局或复杂的文本渐变。优先考虑清晰度、专业语调和现代网络美学。