精選 · 開放 · 免費
Cockroach Labs
一個雲端無關、相容 PostgreSQL 的資料庫平台，適用於現代關鍵任務應用程式。
devdb
01
設計氣質 DNA
資料庫雲端原生分散式企業級可靠性
一家現代基礎架構公司，將其資料庫定位為關鍵業務應用程式的基礎系統記錄。
02
色彩
#6933FFAccent
#000000Ink
#333333Ink soft
#FFFFFFBG
#FCFCFDBG soft
rgba(234, 236, 240, 1)Line
採用鮮豔紫色作為強調色，在單色基調上突出主要操作，營造高對比、潔淨的介面。
03
字型
humanist-sans
- display
56px · 600 - heading
40px · 500 - body
18px · 400
使用人文無襯線字體（Poppins/Open Sans），營造友善又專業的技術感。 · 為大型展示文字設定緊湊的負字距，創造視覺上連貫的區塊。 · 確保內文字體具有充裕的行高（1.5-1.7），以利技術文件閱讀。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
基於標準 4px 網格的間距系統，版面對齊採用一致的 24px 溝寬。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
1px solid #EAECF0
0px 2px 4px 0px rgba(0, 0, 0, 0.075) · 0px 0px 5px 0px rgb(128, 128, 128)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全幅主視覺區塊與置中的內容容器交替配置。
07
動效與互動
200msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
懸停時的顏色與背景流暢過渡（0.2 秒）。 · 互動元素或箭頭向右移動。
連結與按鈕的細微顏色變化或背景填充。 · 立即回應，搭配標準手指游標。
08
組件
- button 主要操作採用高對比實色紫色（#6933FF），藥丸造型搭配白色文字。次要按鈕採用紫色邊框與深色文字的外框樣式。
- card 簡潔、極簡的卡片，搭配細微邊框與輕微陰影以營造層次。
- input 標準表單輸入框，淺灰色邊框，8px 圓角。
- hero 大型左對齊文字，背景為幾何造型的淺藍/青色漸層。
09
文案語氣與禁用清單
- 語氣 專業、自信且具權威感，著重於可靠性與規模。
- 標題風格 大膽、宣言式的陳述，將產品定位為關鍵基礎設施選擇。
- 按鈕文案 以行動為導向且直接，強調免費入門點或團隊諮詢。
- 避免使用寬幅、裝飾性襯線字體——截圖顯示的是簡潔、現代的人文無襯線手法。
- 避免使用柔和、低飽和度的色彩配置——截圖採用的是鮮豔、高彩度的紫色強調色。
- 避免使用複雜、厚重的陰影——截圖使用非常細微、柔和的陰影來營造層次。
- 避免將所有主視覺文字置中對齊——截圖顯示主要標題與輔助文字採用左對齊。
- 避免使用裝飾性或手寫字體風格——截圖維持嚴格專業、簡潔的美感。
- 避免為主要號召性用語使用深色背景——截圖中「免費開始」按鈕採用亮紫色實心填充。
- 避免: 過度 playful 的語言
- 避免: 缺乏技術支撐的模糊行銷術語
- 避免: 主視覺區塊中過於密集、未格式化的技術術語
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Cockroach Labs 是一個開發者導向的雲端原生資料庫 SaaS 平台。其設計簡潔且具權威性，採用人文無襯線字型系統（Poppins/Open Sans）與單色調色盤（黑/白/灰），並以鮮豔的紫色強調色（#6933FF）點綴。版面圍繞著大膽、醒目的字型與寬裕的留白，傳達可靠性與規模。關鍵設計規則：避免裝飾性襯線、避免低飽和度色盤、避免複雜厚重的陰影，並為所有主要使用者操作維持獨特的紫色強調色。其目標對象是技術決策者，呈現出高品質、值得信賴的氛圍。
en · zh-CN · zh-TW · ja · ko