精选 · 开放 · 免费
R/GA
一个大胆、高对比度的机构网站，通过巨大排版和严格的单色调色板，传达创意权威与技术自信。
agencybrand
01
设计气质 DNA
创新科技系统品牌创意
精密工业设计事务所
02
色彩
#FF0000Accent
#FFFFFFInk
#3C3B3BInk soft
#000000BG
#999999Muted
rgba(230, 230, 230, 1)Line
纯黑与纯白之间的极致对比，辅以单一醒目的红色点缀。
03
字体
grotesque-sans
- display
120px · 700 - heading
27px · 700 - body
16px · 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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
一个面向R/GA的高端数字机构网站，将自身定位为智能时代的创意创新公司。视觉系统建立在极致对比之上：主视觉区采用纯黑（#000000）背景，内容区域为纯白（#FFFFFF）。主要排版为粗体、字距紧凑的无衬线字体（Helvetica variable），标题全大写，正文则使用简洁的无衬线字体。单一的醒目的红色（#FF0000）点缀仅少量用于标志。关键禁忌：绝不使用渐变或投影，绝不为大型容器添加圆角，避免任何低对比度或柔和的色彩组合。布局宽敞且左对齐，强调巨大、主导性的排版。
en · zh-CN · zh-TW · ja · ko