精选 · 开放 · 免费

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

使用紧凑无衬线字体用于高冲击力的大标题。 · 使用几何无衬线字体用于正文和界面元素。 · 使用等宽字体用于技术提示和代码片段。

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）。字体排版结合了用于加粗、有冲击力标题的紧凑无衬线字体，用于清晰正文的几何无衬线字体，以及用于技术提示的等宽字体。布局简洁居中，包含大型主视觉区、技术图表和清晰的行动号召按钮。关键设计规则：永不使用浅色背景，避免装饰性字体，保持高对比度，标题使用紧凑字体，并通过清晰的可见边框确保组件间的清晰分隔。此设计有效地传达了 AI 开发领域的技术权威性和现代基础设施感。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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