精選 · 開放 · 免費
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 的垂直節奏，透過行高與 padding 實現。
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
文案語氣與禁用清單
- 語氣 自信、直接且高端。
- 標題風格 大、粗獷且具宣言性，常使用負字距。
- 按鈕文案 簡潔、導向行動且高度易讀。
- 避免使用鮮明強調色——截圖顯示嚴格的雙色調調色盤。
- 避免使用俏皮或裝飾性字體——截圖顯示簡潔的人文主義無襯線體。
- 避免為容器添加陰影——截圖顯示平整、無陰影的表面。
- 避免使用複雜漸層——截圖顯示單一、實色的溫暖背景。
- 避免使用過多小型元素打亂版面——截圖顯示寬敞、以字體為主的層次結構。
- 避免使用帶有邊框的圓角卡片——截圖顯示留白與極簡視覺容器。
- 避免: 浮誇漸層
- 避免: 霓虹色彩
- 避免: 俏皮表情符號
- 避免: 過於密集的段落
- 避免: 複雜圖示
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