OpenDesign·你的设计资产库

网页参考

Harvey

面向顶级律师事务所的AI平台。

AILegal
Harvey 网站截图

01

设计气质 DNA

法律AI高端精致可信赖

高端法律服务与现代科技的结合。

02

色彩

#FAFAF9Ink
#0F0E0DInk soft
#8F8B85Muted
rgba(250, 250, 249, 1)Line

单色、高对比度的深色调色板,色彩使用极少。

03

字体

transitional-serif · humanist-sans

  • display72px · 400
  • h248px · 400
  • h332px · 400
  • body16px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

为一个法律科技平台设计一个高端、精致的AI界面。使用近乎单色的调色板,背景为极深色(#0F0E0D),文字为亮色(#FAFAF9)。展示标题使用过渡衬线字体,正文使用人文主义无衬线字体。强调充足的留白和高质量的电影感摄影。确保行动号召清晰直接,使用描边或实心白色按钮。避免俏皮语言或明亮的强调色。语调应权威且专业。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。