精选 · 开放 · 免费

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

居中英雄区，下方是多列logo网格。

07

动效与交互

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

悬停时平滑的颜色和背景过渡。 · 交互元素的透明度变化。

微妙的颜色偏移或背景变化。 · 通过轻微的缩放或颜色变化提供即时反馈。

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