OpenDesign·你的设计资产库

网页参考

Dovetail No

投资于具有持久生命力的科技赋能企业。

FintechPremiumEditorialBold Typography
Dovetail No 网站截图

01

设计气质 DNA

投资科技合作设计持久性

一家为科技长期性打造投资载体的高端瑞士工作室。

02

色彩

#1D1E21Ink
#F9E5B1BG
#9CA3AFMuted
rgba(229,231,235,1)Line

温暖、高对比度的调色板,以单一色调和近黑色墨水为主导。

03

字体

humanist-sans

  • display56px · 500
  • heading48px · 400
  • body-lg28px · 400
  • body22px · 400
  • caption16px · 400

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

基于 8px 的垂直韵律,通过行高和内边距实现。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 16px
lg · 24px
pill · 9999px

容器无边框;偶尔使用 2px 分割线或 1px 边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

采用大字体排印与抽象插图相平衡的双栏分割布局。

07

动效与交互

150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover 时的颜色和填充过渡

导航链接和按钮上的微妙颜色或透明度过渡。 · 通过过渡提供即时视觉反馈。

08

组件

  • button 高对比度胶囊形按钮,采用反色设计(黑底白字)。
  • card 简洁、以文本驱动的卡片,边框极少或无边框。
  • chip 简洁、无边框的导航链接。
  • input 不适用
  • hero 以大型抽象插图相平衡的巨幅字体排印宣言。

09

文案语气与禁用清单

  • 语气 自信、直接且高端。
  • 标题风格 大尺寸、粗体、宣言式,常使用负字距调整。
  • 按钮文案 简洁、面向行动且高度易读。
  • 避免使用亮色强调色——截图显示的是严格的双色调调色板。
  • 避免使用俏皮或装饰性字体——截图显示的是简洁的人文主义无衬线字体。
  • 避免为容器添加投影——截图显示的是平面、无阴影的表面。
  • 避免使用复杂渐变——截图显示的是单一的纯色暖色背景。
  • 避免用小元素使布局变得杂乱——截图显示的是宽敞、以字体排印驱动的层级。
  • 避免使用带边框的圆角卡片——截图显示的是开放空间和极简的视觉容器。
  • 避免: 炫目的渐变
  • 避免: 霓虹色
  • 避免: 俏皮的 emoji
  • 避免: 密集的段落
  • 避免: 复杂的图标

10

包内真实截图

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

11

System Prompt

Dovetail 是一家投资公司,其数字形象高端且以设计为导向。主调色板温暖且高对比度,以沙黄色背景(#F9E5B1)为主,搭配近黑色墨水(#1D1E21)。字体排印采用简洁的人文主义无衬线字体,以大尺寸、紧凑字距呈现,营造现代、自信的感觉。关键设计约束:1)绝不使用俏皮或装饰性字体;2)避免使用亮色强调色或复杂渐变;3)不要使用投影或密集、杂乱的容器。布局宽敞且呈编辑风格,将大段宣言与大胆的抽象插图相平衡。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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