精选 · 开放 · 免费
Harvey
面向顶级律师事务所的AI平台。
ailegal
01
设计气质 DNA
法律AI高端精致可信赖
高端法律服务与现代科技的结合。
02
色彩
#FAFAF9Ink
#0F0E0DInk soft
#8F8B85Muted
rgba(250, 250, 249, 1)Line
单色、高对比度的深色调色板，色彩使用极少。
03
字体
transitional-serif · humanist-sans
- display
72px · 400 - h2
48px · 400 - h3
32px · 400 - body
16px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
8px基础网格
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(250, 250, 249, 1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
左对齐的英雄内容覆盖在全宽背景图上，其后是品牌标识条和网格区域。
07
动效与交互
150msmicro
300mssmall
400msmedium
cubic-bezier(0.3, 0.3, 0.3, 1)easing
滚动时淡入 · 平滑的hover过渡
按钮的背景色填充，链接的细微透明度变化。 · 标准指针光标。
08
组件
- button 白色描边按钮配黑色文字和圆角，主要操作使用实心白色按钮。
- card 简洁的卡片，内边距充足，通常配有摄影或视频缩略图。
- hero 全视口电影感背景图，配左对齐的文字叠加层。
09
文案语气与禁用清单
- 语气 权威、专业、自信。
- 标题风格 简短有力的衬线标题，强调专业性。
- 按钮文案 直接、以行动为导向、清晰区分。
- 不要使用明亮、霓虹般的强调色——截图显示的是克制、近乎单色的调色板。
- 不要在标题中使用通用的几何无衬线字体——截图显示的是精致的衬线字体。
- 不要在元素上使用厚重的投影——截图显示的是扁平表面和细微边框。
- 不要用太多元素使布局杂乱——截图显示的是充足的留白和清晰的层级。
- 不要使用圆润、气泡状的按钮形状——截图显示的是略微圆润但坚固的矩形。
- 不要使用低质量或通用的图库摄影——截图显示的是高质量、电影感的图像。
- 避免: 行话
- 避免: 俏皮语言
- 避免: 激进的销售文案
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
为一个法律科技平台设计一个高端、精致的AI界面。使用近乎单色的调色板，背景为极深色(#0F0E0D)，文字为亮色(#FAFAF9)。展示标题使用过渡衬线字体，正文使用人文主义无衬线字体。强调充足的留白和高质量的电影感摄影。确保行动号召清晰直接，使用描边或实心白色按钮。避免俏皮语言或明亮的强调色。语调应权威且专业。
en · zh-CN · zh-TW · ja · ko