精選 · 開放 · 免費

Plausible

一個注重隱私、輕量化的 Google Analytics 替代方案。

analyticsdev
Plausible 網站截圖
在 OpenDesign 中開啟

原站: https://plausible.io

01

設計氣質 DNA

隱私分析簡潔歐洲

相較於複雜的數據工具,這是一個乾淨、透明的替代方案。

02

色彩

#5850ECAccent
#1F2937Ink
#4B5563Ink soft
#FFFFFFBG
#F9FAFBBG soft
#F3F4F6BG quiet
#9CA3AFMuted
rgba(0,0,0,0.05)Line

白色背景搭配高對比的深色文字,並使用單一鮮豔的紫色作為主要操作與強調用途。

03

字型

humanist-sans · monospace

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

組件

09

文案語氣與禁用清單

11

System Prompt

這是一個乾淨、專業的 SaaS 著陸頁,用於一款注重隱私的分析工具。設計依賴白色背景,並以單一鮮豔的紫色(#5850EC)作為主要操作的強調色。字型採用乾淨的人文無襯線體,優先考量可讀性。版面置中且寬敞,運用大型首圖區介紹產品,並以詳細的應用程式截圖建立信任。語氣直接且以效益為導向。關鍵禁止事項:避免深色模式、避免多種強調色、避免複雜漸層、避免擁擠的版面、避免裝飾性字體、避免強勢的銷售語言。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗

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