큐레이션 · 오픈 · 무료

Redis

Redis는 프로덕션에서 신뢰할 수 있는 AI 에이전트를 구축하기 위한 실시간 컨텍스트 레이어를 제공합니다.

devdb
Redis 스크린샷
↓ 디자인 시스템 다운로드 (7 MB)OpenDesign 에서 열기

원본 사이트: https://redis.io

📦 팩 내용 보기 →

01

디자인 DNA

인프라AI 에이전트컨텍스트 엔진성능개발자 우선

현대 AI 애플리케이션을 위한 고성능 데이터 백본

02

컬러

#FF4438Accent
#FFFFFFInk
#B9C2C6Ink soft
#0D212CBG
#163341BG soft
#091A23BG quiet
#8A99A0Muted
rgba(255,255,255,0.15)Line

깊고 어두운 배경은 밝은 브랜드 악센트와 명확하고 가독성 높은 흰색 텍스트를 위한 고대비 캔버스를 제공합니다.

03

타이포그래피

condensed-sans · geometric-sans · monospace

고임팩트 대형 헤드라인에는 콘덴스드 산스를 사용합니다. · 본문 텍스트 및 UI 요소에는 기하학적 산스를 사용합니다. · 기술 프롬프트 및 코드 스니펫에는 모노스페이스를 사용합니다.

04

여백

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

섹션 구분을 위한 넉넉한 수직 패딩을 갖춘 일관된 4px 그리드입니다.

05

표면 (라운드 / 그림자 / 경계선)

sm · 4px
md · 8px
lg · 10px
pill · 999px

1px solid rgba(255,255,255,0.15)

rgba(0,0,0,0.1) 0px 0px 20px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

돋보이는 히어로 섹션과 기능 영역, 기술 다이어그램이 이어지는 중앙 정렬 레이아웃입니다.

07

모션과 인터랙션

200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

콘텐츠 블록의 섬세한 페이드인. · 인터랙티브 요소의 부드러운 색상 및 불투명도 전환. · 구성 요소를 약간 밝게 하거나 높이는 호버 상태.

버튼과 링크에 배경색 변화나 밝기 조절. · 약간의 눌림이나 불투명도 변화로 즉각적인 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

Redis 웹사이트는 깊은 다크 배경(#0D212C)에 고대비 흰색 텍스트(#FFFFFF)와 밝은 레드 악센트(#FF4438)를 사용하는 개발자 중심 플랫폼입니다. 타이포그래피는 강하고 임팩트 있는 헤드라인을 위해 콘덴스드 산스와 명확한 본문 텍스트를 위한 기하학적 산스, 기술 프롬프트를 위한 모노스페이스를 결합합니다. 레이아웃은 깔끔하고 중앙 정렬되어 있으며, 대형 히어로 섹션, 기술 다이어그램, 명확한 CTA 버튼을 특징으로 합니다. 핵심 디자인 규칙: 밝은 배경을 절대 사용하지 말고, 장식적 폰트를 피하며, 고대비를 유지하고, 헤드라인에 콘덴스드 타입을 사용하며, 눈에 띄는 테두리로 명확한 구성 요소 구분을 보장합니다. 이 디자인은 AI 개발을 위한 기술적 권위와 현대적 인프라를 효과적으로 전달합니다.

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

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

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

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