精選 · 開放 · 免費

Tana

一款採用編輯排版與溫暖、人性化攝影的 premium 生產力工具，讓會議感覺像是一項主動的工作。

01

設計氣質 DNA

一款時尚的高階生產力應用程式，融合經典編輯排版與現代應用程式 UI 模式。

02

色彩

溫暖、高對比的單色調色盤，搭配柔和蜜桃色點綴，優先考慮可讀性與 premium 質感。

03

字型

didone-serif · humanist-sans · monospace

• display72px · 400
• headline48px · 400
• body17px · 400
• nav15px · 400

大型顯示文字與標題使用 Didone Serif（Source Serif 4）。 · 內文、UI 元素與導覽使用 Humanist Sans（Inter）。 · 顯示文字保持緊湊的負字距。

04

間距

使用 4px 基礎增量以維持一致的節奏，確保卡片與區段擁有寬裕的內距（24px-48px）。

05

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

使用 rgba(12,8,5,0.1) 的細緻 1px 邊框進行分隔。

rgba(20, 22, 36, 0.1) 0px 6px 18px -12px · rgba(20, 22, 36, 0.28) 0px 40px 96px -28px

06

版面

英雄區段採用置中單欄佈局，內容區則擴展為網格。

07

動效與互動

在 hover 和點擊時，套用平滑的透明度與變形過渡效果。

細微的透明度降低或背景顏色變化。 · 輕微縮放（transform）或透明度變化。

08

組件

• button 主要操作使用高對比黑色圓角膠囊按鈕，次要操作使用透明或淺灰色按鈕。
• card 柔和、圓角的卡片，具備大圓角（14px-20px），通常包含媒體或複雜的 UI 預覽。
• chip 小巧的圓角膠囊標籤或狀態指示器。
• input 細膩、簡潔的輸入欄位，邊框極簡。
• hero 全寬置中標題，搭配寬裕的垂直間距與柔和背景漸層。

09

文案語氣與禁用清單

• 語氣 自信、專業，並帶有略微的編輯風格。
• 標題風格 簡短、具衝擊力的陳述，常使用單一斜體強調詞彙。
• 按鈕文案 直接且以效益為導向，例如：「開始免費試用」。

• 不要使用鮮豔、高飽和度的點綴色——截圖顯示為以單色調為主，搭配溫暖、柔和的點綴色。
• 不要使用幾何或技術型無襯線字體作為標題——截圖顯示為優雅的襯線字體。
• 不要使用深色模式作為預設——截圖顯示為明亮、米白色的背景（#FBFBFB）。
• 不要使用銳利的方形邊角——截圖顯示所有卡片與按鈕皆採用大圓角（14px, 20px）。
• 不要使用密集的網格使版面雜亂——截圖顯示寬裕的留白與專注、置中的英雄區段。
• 不要使用俏皮或卡通風格的插圖——截圖依賴高品質、電影感的攝影。
• 避免: 過度使用標點符號
• 避免: 內文使用全大寫
• 避免: 過於技術性的術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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