OpenDesign·你的设计资产库

网页参考

R/GA

一个大胆、高对比度的机构网站,通过巨大排版和严格的单色调色板,传达创意权威与技术自信。

AgencyBrand
R/GA 网站截图

01

设计气质 DNA

创新科技系统品牌创意

精密工业设计事务所

02

色彩

#FF0000Accent
#FFFFFFInk
#3C3B3BInk soft
#000000BG
#999999Muted
rgba(230, 230, 230, 1)Line

纯黑与纯白之间的极致对比,辅以单一醒目的红色点缀。

03

字体

grotesque-sans

  • display120px · 700
  • heading27px · 700
  • body16px · 400

标题文字采用全大写,字距紧凑,字重厚重。 · 正文使用干净易读的无衬线字体。 · 大号展示文字行高紧凑,正文行高舒适。

04

间距

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

主要章节间留有充裕垂直间距,内容块内部间距紧凑。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

极简,通常使用浅灰色(#E6E6E6)的1像素线条作为分隔线。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全宽主视觉区,后接白色背景上干净的左对齐内容块。

07

动效与交互

250msmicro
300mssmall
300msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

交互元素上的颜色与透明度过渡。

导航链接颜色过渡(0.3s ease-in-out)。 · 所有交互元素使用标准指针光标。

08

组件

  • button 简洁的文本导航链接,页眉处全大写。
  • card 不可见,采用分段式布局。
  • chip 不可见。
  • input 不可见。
  • hero 巨大的全视口黑色区域,搭配主导性的全大写白色文字。

09

文案语气与禁用清单

  • 语气 自信、权威且具有前瞻性。
  • 标题风格 全大写陈述句,宣告能力与目标。
  • 按钮文案 直接明了的邀请,如「看看我们能如何帮助您」。
  • 勿使用渐变——设计采用纯色、扁平的色块。
  • 勿使用柔和阴影——表面通过对比与清晰线条定义。
  • 勿在主要容器上使用圆角——美学风格为锐利、矩形。
  • 勿使用低对比度或柔和的色彩——调色板严格限定为黑白及单一红色点缀。
  • 勿在主布局中使用装饰性插图——排版是首要视觉元素。
  • 勿使用居中对齐文本——标题和正文均为左对齐。
  • 避免: 可爱或过度随意的语言。
  • 避免: 装饰性或过于复杂的视觉元素。
  • 避免: 杂乱的布局或低对比度文本。

10

包内真实截图

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

11

System Prompt

一个面向R/GA的高端数字机构网站,将自身定位为智能时代的创意创新公司。视觉系统建立在极致对比之上:主视觉区采用纯黑(#000000)背景,内容区域为纯白(#FFFFFF)。主要排版为粗体、字距紧凑的无衬线字体(Helvetica variable),标题全大写,正文则使用简洁的无衬线字体。单一的醒目的红色(#FF0000)点缀仅少量用于标志。关键禁忌:绝不使用渐变或投影,绝不为大型容器添加圆角,避免任何低对比度或柔和的色彩组合。布局宽敞且左对齐,强调巨大、主导性的排版。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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