精選 · 開放 · 免費
Plausible
一個注重隱私、輕量化的 Google Analytics 替代方案。
analyticsdev
01
設計氣質 DNA
隱私分析簡潔歐洲
相較於複雜的數據工具,這是一個乾淨、透明的替代方案。
02
色彩
#5850ECAccent
#1F2937Ink
#4B5563Ink soft
#FFFFFFBG
#F9FAFBBG soft
#F3F4F6BG quiet
#9CA3AFMuted
rgba(0,0,0,0.05)Line
白色背景搭配高對比的深色文字,並使用單一鮮豔的紫色作為主要操作與強調用途。
03
字型
humanist-sans · monospace
- display
48px · 700 - h2
32px · 700 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
章節之間採用寬裕的垂直間距,組件內部則保持緊湊的群組關係。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid #E5E7EB
0px 4px 20px rgba(0, 0, 0, 0.05)
06
版面
1200container
12columns
24pxgutter
768 / 1024breakpoints
置中的單欄著陸頁,頂部為全寬首圖區域,下方則是詳細的應用程式預覽。
07
動效與互動
200msmicro
350mssmall
600msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
按鈕背景顏色的細微變化。 · 立即的視覺回饋。
08
組件
- button 實心紫色主按鈕,白色文字,圓角。次要按鈕為白色背景、灰色邊框。
- card 儀表板預覽採用白色卡片,搭配細微陰影與灰色邊框作為資料區塊。
- chip 截圖中未見。
- input 截圖中未見。
- hero 大型粗體標題置中,附有副標題、兩個並列的 CTA 按鈕,以及下方詳細的應用程式截圖。
09
文案語氣與禁用清單
- 語氣 直接、自信且令人安心。
- 標題風格 簡短、有力、以效益為導向。
- 按鈕文案 清晰且具行動號召性(例如「免費開始試用」、「查看即時示範」)。
- 勿使用複雜漸層——截圖顯示為扁平、純色的背景。
- 勿使用多種強調色——截圖僅使用單一主導的紫色(#5850EC)。
- 勿使用裝飾性手寫體或襯線展示字體——截圖使用乾淨的人文無襯線體。
- 勿使版面過於擁擠——截圖顯示寬裕的留白與置中的內容。
- 勿使用深色模式或厚重陰影——截圖顯示為明亮、輕盈的介面,搭配細微陰影。
- 勿使用複雜的圖標——截圖使用極簡、簡單的 UI 圖示。
- 避免: 技術術語
- 避免: 模糊的行銷用語
- 避免: 強勢的銷售語言
11
System Prompt
這是一個乾淨、專業的 SaaS 著陸頁,用於一款注重隱私的分析工具。設計依賴白色背景,並以單一鮮豔的紫色(#5850EC)作為主要操作的強調色。字型採用乾淨的人文無襯線體,優先考量可讀性。版面置中且寬敞,運用大型首圖區介紹產品,並以詳細的應用程式截圖建立信任。語氣直接且以效益為導向。關鍵禁止事項:避免深色模式、避免多種強調色、避免複雜漸層、避免擁擠的版面、避免裝飾性字體、避免強勢的銷售語言。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko