CURATED · OPEN · FREE

Relevance AI

AI agents that drive business impact, managed by your team

aiagent
Relevance AI screenshot
↓ Download design system (25 MB)Open in OpenDesign

Visit: https://relevanceai.com

📦 Browse pack contents →

01

Identity DNA

AI agentsenterpriseautomationcollaborationscale

A modern enterprise control tower

02

Color

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

Clean white canvas with high-contrast dark text and vibrant purple accents for key actions and highlights.

03

Typography

sans-serif · monospace

Display headings use a tight geometric sans-serif. · Body text uses a clean humanist sans-serif. · Monospace is used sparingly for technical elements. · Letter spacing is generally tight for headings and normal for body.

04

Spacing

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

8px base grid with generous padding for sections.

05

Surfaces

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

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Centered hero with a multi-column logo grid below.

07

Motion & Interaction

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

Smooth color and background transitions on hover. · Opacity changes for interactive elements.

Subtle color shift or background change. · Immediate feedback with a slight scale or color change.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

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 — 移动首屏
移动首屏

Captured from the live site · real computed styles

11

System prompt

Relevance AI is an enterprise AI agent platform with a clean, professional SaaS aesthetic. The design uses a white background with deep navy text (#0D162F) and a vibrant purple accent (#6056FF) for key CTAs and highlights. Typography is modern sans-serif, with bold, large headlines that have tight tracking. Critical design principles include generous white space, a strict focus on readability, and a minimalist color palette. Do not use dark themes, serif fonts, or multi-colored gradients. Avoid cluttered layouts; maintain a high-end, enterprise feel with ample padding and clear visual hierarchy.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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