OpenDesign·你的设计资产库

网页参考

Redis Agency

一个视觉冲击力强的设计代理网站,利用超大尺寸排版和有机 3D 元素,在深邃的黑色画布上展开。

AgencyBold TypographyEditorialPremiumPhotographic

封面待补录,可通过原站查看设计。

01

设计气质 DNA

创意代理数字工作室现代大胆极简主义

一个高端设计画廊,融合了原始有机纹理与锐利的现代排版。

02

色彩

#EB516DAccent
#FFFFFFInk
#808080Ink soft
#000000BG
rgba(255,255,255,1.0)Line

高对比度的单色基底,搭配单一、充满活力的粉色点缀,以实现最大冲击力。

03

字体

didone-serif · grotesque-sans

  • display90px · 400
  • heading36px · 400
  • body18px · 400

所有 UI 元素和正文使用 grotesque-sans 字体。 · 仅用于巨大、有冲击力的标题使用 didone serif 字体。 · 展示文本保持紧凑的字间距,以增强其编辑感。

04

间距

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

利用充足的留白和宽阔的间距来分隔章节,让大尺寸排版得以呼吸。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 24px
lg · 40px
pill · 999px

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

0px 8px 24px rgba(0,0,0,0.5)

06

布局

1400container
12columns
24pxgutter
768 / 1024breakpoints

全宽、无边界的布局,以巨大的居中元素为主导。

07

动效与交互

220msmicro
300mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

交互元素上的流畅透明度与变换过渡。 · 按钮和链接上的悬停效果。

交互元素上的微妙颜色变化或透明度改变。 · 标准指针交互,提供即时视觉反馈。

08

组件

  • button 白色边框、黑色背景的胶囊形按钮。
  • card 具有大圆角和微妙深色渐变或纯色背景的卡片。
  • hero 一个沉浸式的全屏区域,配有巨大的衬线标题和悬浮的 3D 有机图像。

09

文案语气与禁用清单

  • 语气 精致、直接、略带先锋感。
  • 标题风格 极简且极具表现力,使用大型、富有意象的词汇。
  • 按钮文案 简洁、行动导向的文本,置于独特的胶囊形状内。
  • 不要使用圆润、友好的形状——截图显示的是尖锐、高耸的衬线和胶囊形按钮。
  • 不要使用浅色或多彩的背景——截图显示的是占主导地位的黑色背景 (#000000)。
  • 不要使用多色配色方案——截图显示的是严格的白、黑、灰方案,配以单一粉色点缀。
  • 不要使用小巧、低调的排版——截图显示的是巨大、超尺寸的展示文本。
  • 不要使用复杂、杂乱的布局——截图显示的是广阔的空白空间和聚焦的单一元素。
  • 不要使用柔和、粉彩的点缀色——截图显示的是一个充满活力、高饱和度的粉色 (#EB516D)。
  • 避免: 过于友好的术语
  • 避免: 过多的标点符号
  • 避免: 通用的企业语言

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

Redis Agency 是一个大胆、现代的创意代理网站。其设计 DNA 建立在纯粹黑 (#000000) 与白 (#FFFFFF) 的严格、高对比度配色之上,以单一、充满活力的粉色点缀 (#EB516D) 为锚点。排版是高雅的 didone-serif 用于巨大标题,与清晰的 grotesque-sans 用于所有正文和 UI 文本的戏剧性组合。布局开阔、无边界,并以超大尺寸、富有表现力的排版和有机 3D 图像为主导。关键设计规则:绝不使用多种点缀色;保持严格的单色配色,仅有一个亮色。绝不使用小巧或低调的排版;展示文本必须超大且有冲击力。绝不使用复杂或杂乱的网格;偏爱极简、宽敞的方式,让主元素吸引注意力。整体基调是精致且先锋的,避免任何俏皮或通用的元素。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。