精選 · 開放 · 免費

Relevance AI

由您的團隊管理的 AI 代理，驅動商業影響力

aiagent
Relevance AI 網站截圖
↓ 下載設計系統包 (25 MB)在 OpenDesign 中開啟

原站: https://relevanceai.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

AI 代理企業自動化協作擴展

一座現代化的企業控制塔

02

色彩

#6056FFAccent
#0D162FInk
#6B7280Ink soft
#FFFFFFBG
#F3F4F6BG soft
#EEF2FFBG quiet
#9CA3AFMuted
rgba(229, 231, 235, 1)Line

以潔白為底，搭配高對比的深色文字與鮮明的紫色點綴，用於關鍵操作與高亮顯示。

03

字型

sans-serif · monospace

展示標題使用緊湊的幾何無襯線字體。 · 內文使用乾淨的人文主義無襯線字體。 · 等寬字體僅謹慎用於技術性元素。 · 字間距通常標題較緊湊，內文則為正常。

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

以 8px 為基礎網格，區塊之間保留寬裕的內距。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 9999px

1px solid #E5E7EB

rgba(0, 0, 0, 0.05) 0px 1px 2px 0px · rgba(59, 50, 249, 0.25) 0px 1.6px 6.4px 0px

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中的首頁主視覺，下方是多欄的標誌網格。

07

動效與互動

150msmicro
220mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

在 hover 時平滑變換顏色與背景。 · 互動元素的透明度變化。

細微的色彩偏移或背景變化。 · 透過輕微的縮放或色彩變化提供即時反饋。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Relevance AI — 桌面首屏（hero）
桌面首屏（hero）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Relevance AI — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Relevance AI 是一個企業級 AI 代理平台，具有乾淨、專業的 SaaS 美學。設計使用白色背景，搭配深海軍藍文字（#0D162F）與鮮明的紫色點綴色（#6056FF）用於關鍵行動呼籲與高亮顯示。字體排版採用現代無襯線風格，擁有粗體、大標題且字間距緊湊。關鍵設計原則包括寬裕的留白、嚴格關注可讀性，以及極簡的調色板。請勿使用深色主題、襯線字體或多彩漸層。避免雜亂的佈局；透過充足的內距與清晰的視覺層次，保持高端、企業級的感覺。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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