01
设计气质 DNA
企业级AI搜索生产力连接器
一个精致、高可信度的企业AI平台，既专业又现代。
02
色彩
#343CEDAccent#333333Ink#FFFFFFBG#FDFEFEBG soft#D2D4FBBG quietrgba(52,60,237,0.2)Line以洁净白色为基底，搭配高饱和度的电光蓝强调色与柔和的粉彩渐变。
03
字体
- display
48px · 400 - h1
48px · 700 - body
18px · 400 - body
16px · 400
所有主要文本使用中性无衬线字体。 · 偶尔用于显示强调的部分使用纤细的几何无衬线字体。 · 仅技术标签使用等宽字体。
04
间距
4px8px16px24px32px48px64px96px4px 基础网格。
05
表面 (圆角 / 阴影 / 边线)
sm · 6px
md · 8px
lg · 20px
pill · 64px
1px solid #333333
rgba(52, 60, 237, 0.2) 0px 0px 17px 0px · rgba(0, 0, 0, 0.03) 0px 8px 10px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
12栏网格。
07
动效与交互
220msmicro
300mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
UI状态变化使用不透明度渐隐。 · 交互元素使用 ease-in-out 过渡。
按钮在悬停时进行细微的缩放或色彩变化。 · 通过过渡提供即时反馈。
08
组件
- button 主按钮使用填充蓝色与药丸形圆角；次要按钮使用描边或文本样式。
- card 白色卡片，带有细微边框与圆角。
- chip 小型徽章，带圆角与柔和的背景色。
- input 洁净的白色输入框，带细微边框。
- hero 分栏布局，左侧为大字号排版，右侧为3D/插画元素。
09
文案语气与禁用清单
- 语气 专业、乐于助人且自信。
- 标题风格 简短、有力、描述性强。
- 按钮文案 直接且以行动为导向（例如，'获取演示'）。
- 不要使用纯黑色文本——截图显示使用 #333333
- 不要使用尖锐的圆角——截图显示使用 20px 的 border-radius
- 不要使用静态的扁平背景——截图显示使用柔和的粉彩渐变
- 不要使用紧凑的小字号排版——截图显示使用大号的 48px 显示尺寸
- 不要使用霓虹或高饱和度的次要颜色——截图显示使用柔和的 #D2D4FB
- 不要使用花哨或衬线字体——截图显示使用简洁的几何/人文无衬线字体
- 避免: 俚语
- 避免: 行业术语
- 避免: 侵略性销售语言
10
包内真实截图
11
System Prompt
Glean 是一个具有精致、高可信度设计的企业级AI搜索与助理平台。其视觉系统以洁净的白色（#FFFFFF）为基底，搭配高饱和度的电光蓝（#343CED）强调色与柔和的粉彩渐变。排版采用简洁、专业的无衬线字体类别（几何与人文），最大显示尺寸达48px，以传达权威与清晰度。布局结构化、空间充裕，采用12栏网格，主要组件使用20px圆角。关键约束：不要使用纯黑色（#000000）作为文本颜色，应使用#333333。不要使用尖锐的圆角，保持圆润友好的美学。不要使用厚重或装饰性的衬线字体。