精選 · 開放 · 免費

Upstash

整合 Redis、向量、佇列等功能的統一無伺服器資料平台。

01

設計氣質 DNA

專為現代開發者打造的高效能資料工具

02

色彩

採用純淨、高對比度的淺色主題，以鮮明綠色強調效能與現代基礎設施特質。

03

字型

geometric-sans · humanist-sans · monospace

• display72px · 600
• heading32px · 500
• body16px · 400
• caption14px · 400

首頁主視覺與主要標題使用幾何無襯線字體 · 內文與描述使用人文無襯線字體 · 程式碼片段與 CLI 指令使用等寬字體

04

間距

以 4px 為基準單位，搭配充裕的留白空間，體現「無伺服器」的簡約特質。

05

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

1px solid #e5e7eb

0px 1px 2px 0px rgba(0, 0, 0, 0.05) · 0px 5px 40px 0px rgba(9, 14, 21, 0.16)

06

版面

採用置中單欄首頁主視覺，過渡至多欄卡片網格以呈現功能特色。

07

動效與互動

互動元素的色彩與背景色轉場效果 · UI 狀態變更時的平滑透明度與變換轉場

互動元素在懸停時產生細微色彩變化或背景填充效果 · 透過轉場或輕微變換提供即時視覺回饋

08

組件

• button 圓角藥丸狀主要按鈕，採用綠色實心填充與白色文字；次要按鈕提供透明或外框樣式。
• card 白色卡片搭配細微邊框與充裕內距，用於產品模組與功能亮點展示。
• chip 橫向可捲動的標籤式分段控制器，用於切換不同平台產品（Redis、Vector 等）。
• input 標準文字輸入框，採用細微灰色邊框與圓角設計。
• hero 大尺度置中排版，主標題採用鮮明的漸層色，搭配簡潔的價值主張與主要行動號召。

09

文案語氣與禁用清單

• 語氣 直接、以開發者為導向、強調效能
• 標題風格 簡潔大膽、以價值為核心的陳述語句
• 按鈕文案 行動導向且明確（例如：「免費開始」、「建立資料庫」）

• 勿使用裝飾性襯線字體——截圖顯示採用簡潔的幾何與人文無襯線字型。
• 勿將深色主題作為主要介面——截圖顯示以白色為底的明亮開闊版面。
• 勿使用霓虹色或過度飽和的霓虹柔和色——截圖採用沉穩的翡翠綠（#047857）作為主要強調色。
• 勿在主要元件上使用尖銳方角——截圖顯示採用大圓角（12px、藥丸狀）設計。
• 勿使用過多衝突色彩使介面雜亂——截圖維持綠、白、灰的精簡配色。
• 勿使用裝飾性複雜插圖——截圖採用簡約的抽象幾何圖形與圖示。
• 勿使用擁擠的小字型——截圖採用極大、粗體的首頁主視覺字型，搭配充裕行高。
• 避免: 行銷術語
• 避免: 模糊的承諾
• 避免: 過度複雜的句式
• 避免: 被動語態

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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