큐레이션 · 오픈 · 무료

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

화이트 배경에 고대비의 어두운 텍스트와 주요 액션 및 강조를 위한 vibrant purple 포인트 컬러.

03

타이포그래피

sans-serif · monospace

디스플레이 제목에는 타이트한 기하학적 산세리프를 사용합니다. · 본문 텍스트에는 깔끔한 휴머니스트 산세리프를 사용합니다. · 기술 요소에는 모노스페이스를 절제하여 사용합니다. · 자간은 제목에 일반적으로 타이트하고 본문에는 보통입니다.

04

여백

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

기본 8px 그리드와 섹션별 넉넉한 padding을 사용합니다.

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

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

Relevance AI는 깔끔하고 전문적인 SaaS 미학을 가진 기업용 AI 에이전트 플랫폼입니다. 디자인은 흰색 배경에 깊은 네이비 텍스트(#0D162F)와 주요 CTA 및 강조를 위한 vibrant purple(#6056FF)을 사용합니다. 타이포그래피는 현대적인 산세리프이며, 타이트한 자간의 크고 볼드한 헤드라인이 특징입니다. 핵심 디자인 원칙은 넉넉한 여백, 가독성에 대한 엄격한 초점, 그리고 미니멀한 팔레트입니다. 다크 테마, 세리프 폰트, 또는 다색 그래디언트를 사용하지 마세요. 빽빽한 레이아웃은 피하고, 넉넉한 padding과 명확한 시각적 계층 구조를 유지하여 고급스럽고 기업적인 느낌을 유지하세요.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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