精選 · 開放 · 免費

Dropmark

一款專為創意團隊設計的簡潔、親和視覺組織工具。

01

設計氣質 DNA

團隊工作流程的數位釘板

02

色彩

以亮白色畫布為基底，搭配柔和暖灰與鮮明的青色點綴。

03

字型

humanist-sans

• display56px · 600

主要字體為自訂的人文無襯線體 (DropmarkRealHead/Text) · 標題使用半粗體 (600) 以營造親切的醒目感 · 內文維持標準可讀性的 400 粗細

04

間距

寬鬆的垂直間距創造通透、輕盈的版面。

05

表面 (圓角 / 陰影 / 邊線)

1px solid rgba(17,17,17,0.1)

0px 4px 7px 0px rgba(0,0,0,0.1) · inset 0px 0px 0px 2px rgb(220,220,210)

06

版面

居中內容，搭配清晰的單欄主視覺流動。

07

動效與互動

互動元素採用標準的透明度與濾鏡過渡效果 · hover 狀態下使用平滑的背景色過渡

按鈕與互動元素上有細微的色彩變化。 · 標準指標互動，僅帶有最小化的按壓回饋。

08

組件

• button 主要按鈕使用鮮明的青色填色搭配白色文字；次要按鈕採用透明樣式並帶有淺灰色邊框。
• card 簡潔的白色容器，帶有最小化的陰影與圓角。
• chip 在提供的截圖中未明顯呈現。
• input 乾淨、極簡的文字輸入欄位，具有標準內距。
• hero 居中、通透的標題區塊，搭配鮮明、多彩的抽象插圖輔助。

09

文案語氣與禁用清單

• 語氣 友善、專業且具吸引力。
• 標題風格 直接、聚焦於效益的陳述，著重於組織與工作流程。
• 按鈕文案 行動導向且具鼓勵性（例如：「免費註冊」、「向我展示」）。

• 勿使用深色背景——截圖顯示主要畫布為明亮的白色 (#FFFFFF)。
• 勿使用高對比的紅色或綠色作為點綴——截圖顯示主要的行動色彩為鮮明的青色 (#00AFFA)。
• 勿在主要按鈕上使用尖銳的直角——截圖顯示使用圓角（圓角半徑 3-5px）。
• 勿使用厚重、幾何風格的無襯線字體——截圖顯示較為柔和的人文無襯線風格。
• 勿將元素緊密排列——截圖顯示留有寬鬆的空白與清晰的垂直節奏。
• 勿使用純黑色文字——截圖顯示主要文字使用柔和的深灰色 (#404040)。
• 避免: 過度技術性的術語
• 避免: 侵略性的行銷語言
• 避免: 複雜或令人畏懼的說明

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko