精選 · 開放 · 免費

Weaviate

一個開源平台，用於建構完整的 AI 體驗，整合向量搜尋、RAG 與記憶功能。

01

設計氣質 DNA

一個流線、深色主題的駕駛艙，供開發者建構下一代 AI 應用程式。

02

色彩

以深色為基底，搭配鮮明的青綠色強調色，突顯技術精準度與現代感。

03

字型

transitional-serif · humanist-sans · monospace

• display56px · 400

使用 Plus Jakarta Sans 作為內文字型，確保技術清晰度。 · 使用 Inter 作為 UI 元素與導覽字型。 · 使用 monospace 作為程式碼片段字型，維持開發者導向的感覺。 · 避免使用過度裝飾或活潑的字型。

04

間距

維持一致的 4px 基礎網格，搭配充裕的內距以創造留白與清晰度。

05

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

使用 rgba(255, 255, 255, 0.1) 的細微 1px 邊框分隔區塊。

rgba(0, 0, 0, 0.16) 0px 20px 60px 0px · rgba(0, 0, 0, 0.22) 0px 10px 40px 0px · rgba(255, 255, 255, 0.08) 0px 1px 0px 0px inset

06

版面

標準的網格佈局，內容置中並具備充裕的垂直節奏。

07

動效與互動

互動元素的色彩與背景平滑過渡。 · 內容出現時的細微淡入效果。

按鈕與連結在互動時有細微的色彩與背景變化。 · 極簡的視覺回饋，優先考慮速度。

08

組件

• button 雙色調主要按鈕（實心青綠色或白底青綠色邊框）與幽靈次要按鈕。
• card 深色、圓角卡片，帶有細微邊框與內陰影，呈現層次感與專業外觀。
• chip 小型、大寫標籤，如「NEW」與「TRUSTED BY AI TEAMS」，搭配細微背景。
• input 簡潔、深色主題的輸入框，帶有細微邊框與圓角。
• hero 全寬深色首頁主視覺區域，搭配醒目的 3D 抽象視覺與粗體襯線排版。

09

文案語氣與禁用清單

• 語氣 技術性、權威性且賦能。
• 標題風格 直接、行動導向且粗體。
• 按鈕文案 清晰、可執行的動詞，例如「開始建構」與「立即試用」。

• 不要使用淺色或白色背景——截圖顯示的是深色模式介面。
• 不要使用活潑或圓潤的無襯線字型——截圖顯示標題使用過渡襯線字型，內文使用人文主義無襯線字型。
• 不要使用單一主導的高彩度強調色——截圖顯示青綠色為主要強調色，但也融入了漸層與 3D 視覺。
• 不要使用細或淺的字重作為標題——截圖顯示使用粗體或中等字重以產生衝擊力。
• 不要使用過多邊框或厚重輪廓——截圖顯示使用細微、低不透明度的邊框。
• 不要使用標準、擁擠的網格——截圖顯示寬敞的佈局與充裕的留白。
• 避免: 過度口語或俚語過多的語言。
• 避免: 缺乏技術實質的模糊行銷用語。
• 避免: 過度使用驚嘆號。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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