精选 · 开放 · 免费
Dovetail No
投资于具有持久生命力的科技赋能企业。
FintechPremiumEditorialBold Typography
01
设计气质 DNA
投资科技合作设计持久性
一家为科技长期性打造投资载体的高端瑞士工作室。
02
色彩
#1D1E21Ink
#F9E5B1BG
#9CA3AFMuted
rgba(229,231,235,1)Line
温暖、高对比度的调色板，以单一色调和近黑色墨水为主导。
03
字体
humanist-sans
- display
56px · 500 - heading
48px · 400 - body-lg
28px · 400 - body
22px · 400 - caption
16px · 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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Dovetail 是一家投资公司，其数字形象高端且以设计为导向。主调色板温暖且高对比度，以沙黄色背景（#F9E5B1）为主，搭配近黑色墨水（#1D1E21）。字体排印采用简洁的人文主义无衬线字体，以大尺寸、紧凑字距呈现，营造现代、自信的感觉。关键设计约束：1）绝不使用俏皮或装饰性字体；2）避免使用亮色强调色或复杂渐变；3）不要使用投影或密集、杂乱的容器。布局宽敞且呈编辑风格，将大段宣言与大胆的抽象插图相平衡。
en · zh-CN · zh-TW · ja · ko