精選 · 開放 · 免費
Glean
企業 AI 搜尋與助理平台。
aisearch
01
設計氣質 DNA
企業AI搜尋生產力連接器
一個精緻、高信賴度的企業 AI 平台，感覺專業又具現代感。
02
色彩
#343CEDAccent
#333333Ink
#FFFFFFBG
#FDFEFEBG soft
#D2D4FBBG quiet
rgba(52,60,237,0.2)Line
以純淨白色為基底，搭配高彩度電光藍強調色與柔和淡彩漸層。
03
字型
geometric-sans · humanist-sans · monospace
- display
48px · 400 - h1
48px · 700 - body
18px · 400 - body
16px · 400
主要文字一律使用中性無襯線字體。 · 偶爾的展示強調文字使用纖細的幾何無襯線字體。 · 僅技術標籤使用等寬字體。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
以 4px 為基礎格線。
05
表面 (圓角 / 陰影 / 邊線)
sm · 6px
md · 8px
lg · 20px
pill · 64px
1px solid #333333
rgba(52, 60, 237, 0.2) 0px 0px 17px 0px · rgba(0, 0, 0, 0.03) 0px 8px 10px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
12 欄格線系統。
07
動效與互動
220msmicro
300mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
UI 狀態變換時使用透明度淡入淡出。 · 互動元件採用 ease-in-out 過渡效果。
按鈕上的微妙縮放或色彩偏移。 · 透過過渡效果提供即時反饋。
08
組件
- button 主要按鈕採用填充電光藍與膠囊狀圓角；次要按鈕使用外框或文字樣式。
- card 白色卡片，帶有細微邊框與圓角。
- chip 小型徽章，帶有圓角與柔和背景色。
- input 純白輸入欄位，帶有細微邊框。
- hero 分割式佈局，左側為大字型文字，右側為 3D/插畫元素。
09
文案語氣與禁用清單
- 語氣 專業、有幫助且充滿自信。
- 標題風格 簡短、有力且具描述性。
- 按鈕文案 直接且以行動為導向（例如：「取得演示」）。
- 文字請勿使用純黑色——截圖中顯示的是 #333333
- 請勿使用銳角——截圖中顯示的是 20px 的邊框圓角
- 請勿使用靜態單色背景——截圖中顯示的是柔和的淡彩漸層
- 請勿使用小而緊湊的字型——截圖中顯示的是大型 48px 展示尺寸
- 請勿使用霓虹或高飽和度的次要顏色——截圖中顯示的是柔和的 #D2D4FB
- 請勿使用華麗或襯線字體——截圖中顯示的是簡潔的幾何/人文無襯線字體
- 避免: 俚語
- 避免: 術語
- 避免: 侵略性的銷售用語
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（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
Glean 是一個企業 AI 搜尋與助理平台，擁有精緻、高信賴度的設計。視覺系統依賴純淨白色基底（#FFFFFF），對比高彩度電光藍強調色（#343CED）與柔和淡彩漸層。字型使用簡潔、專業的無襯線分類（幾何與人文），並採用最大至 48px 的大型展示尺寸，以傳達權威感與清晰度。版面結構清晰、寬敞，使用 12 欄格線系統，主要元件採用 20px 邊框圓角。關鍵限制：請勿使用純黑色（#000000）作為文字顏色，請改用 #333333。請勿使用銳角，保持圓潤、友善的美學。請勿使用厚重或裝飾性的襯線字體。
en · zh-CN · zh-TW · ja · ko