精選 · 開放 · 免費

Infisical

一個全方位平台，可安全地管理任何技術堆疊中的密鑰、憑證與 AI 代理人。

01

設計氣質 DNA

一款乾淨、高精準度的工具，用於保護基礎架構

02

色彩

從冷灰到近黑的單色階，強調清晰度與聚焦。

03

字型

transitional-serif · monospace

• display48px · 400
• body16px · 400
• small14px · 400

所有展示文字與內文皆使用 'alliance' 字型，以維持一致、優雅的排版風格。 · 嚴格遵循排版比例，主要層級使用 48px、24px、16px 與 14px。 · 行高一致設定為 1.5（16px 文字為 24px），以達到最佳可讀性。

04

間距

基於 4px 格線的統一间距，留白充足，以框住內容並營造寧靜與精準感。

05

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

使用 1px 細實邊框，顏色為 #E5E7EB 或 #CC00CE，實現細微的區隔。

0 1px 3px rgba(0, 0, 0, 0.1)

06

版面

乾淨的置中格線系統，留白充足，視覺層次分明。

07

動效與互動

hover 狀態時，顏色與背景色進行平滑過渡。 · 頁面區段與彈出視窗採用細微的淡入效果。

文字連結變色，按鈕背景色過渡。 · 標準按鈕與連結點擊行為，提供即時回饋。

08

組件

• button 主要操作使用實色黑色按鈕，次要操作使用白底黑框按鈕，並搭配帶有箭頭的純文字連結。
• card 乾淨的邊框卡片，帶有細微陰影與充足的內邊距。
• chip 簡潔的邊框徽章或標籤，樣式極簡。
• input 乾淨的邊框輸入欄位，配有清晰標籤與佔位文字。
• hero 大型置中排版的首頁橫幅，具備明確的行動呼籲（CTA）與輔助視覺。

09

文案語氣與禁用清單

• 語氣 專業、自信且令人安心。
• 標題風格 直接、以效益為導向的陳述，清晰傳達價值。
• 按鈕文案 以行動為導向且明確，例如「取得示範」或「開始使用」。

• 勿使用明亮、飽和的強調色——截圖顯示的是灰黑色的單色系調色板。
• 勿使用裝飾性、圓潤的字型——截圖顯示的是乾淨的過渡襯線體。
• 勿使用複雜、擁擠的佈局——截圖顯示的是乾淨的置中單欄結構。
• 勿使用厚重的陰影或 3D 效果——截圖顯示的是極簡的平面設計，搭配細微邊框。
• 勿使用多色按鈕或元素——截圖顯示的 UI 元件以黑、白、灰色為主。
• 勿使用大區塊的色彩或漸層——截圖顯示的背景以白色與淺灰色為主。
• 避免: 避免使用過於隨意或俚語式的語言。
• 避免: 避免未經解釋的行話。
• 避免: 避免模糊或含糊的聲明。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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