精選 · 開放 · 免費

Statsig

簡潔、高信任度的 SaaS 平台，專注於產品實驗與分析。

01

設計氣質 DNA

為產品團隊打造的現代企業資料工作檯。

02

色彩

高對比中性色板，搭配單一鮮明藍色用於關鍵互動元素。

03

字型

geometric-sans · monospace

• display50px · 500
• headline40px · 600
• subhead24px · 400
• body16px · 400
• small14px · 400
• micro12px · 400

內文字色為 #1F2328 · 次要文字色為 #535963 · 強調元素使用 #367EED

04

間距

以 4px 為基礎網格，搭配 20px、40px 與 80px 的宏觀間距用於主要區塊。

05

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

1px solid #1F2328

rgba(27, 37, 40, 0.05) 0px 0px 20px 0px · rgb(212, 215, 220) 0px 0px 0px 1px inset

06

版面

標準頂部導航佈局，中央置中主視覺區，下方為堆疊的內容區塊。

07

動效與互動

按鈕與導航連結的 hover 狀態 · focus 或 hover 時的流暢 opacity 過渡

互動元素上有細微的背景色或 opacity 變化。 · 透過狀態變化提供即時視覺回饋。

08

組件

• button 圓角藥丸形狀，採用深色背景 (#1F2328) 或帶邊框的外框樣式。
• card 簡潔白色表面，搭配細微陰影與圓角。
• chip 圓角邊框，淺灰色背景與細邊框。
• input 淺灰色背景或帶邊框的輸入欄位，搭配圓角。
• hero 大型置中字體標題，下方為等距透視的產品介面截圖。

09

文案語氣與禁用清單

• 語氣 直接、具技術性且自信。
• 標題風格 簡潔有力、行動導向的陳述，聚焦於度量與交付。
• 按鈕文案 清晰且具交易性，強調開始免費帳號或查看運作方式。

• 避免使用厚重投影陰影 — 截圖顯示的是細微、擴散的 box-shadow
• 避免使用圓角方形角 — 截圖顯示的是完美圓形的藥丸按鈕
• 避免使用明亮的霓虹強調色 — 截圖顯示的是專業、柔和的藍色 (#367EED)
• 避免讓介面雜亂 — 截圖顯示充裕留白與簡潔的網格佈局
• 避免使用多樣化背景色 — 截圖顯示嚴格的白色與淺灰色 (#F6F6F6) 背景系統
• 避免使用裝飾性字體 — 截圖顯示極高可讀性的中性幾何無襯線字體
• 避免: 模糊的行銷術語
• 避免: 過於活潑或隨意的語言
• 避免: 雜亂或繁忙的介面模式

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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