OpenDesign·你的设计资产库

网页参考

Huge

在深色画布上运用大量排版与醒目的粉色强调色，打造高冲击力的代理作品集。

AgencyProduct

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

01

设计气质 DNA

大胆高对比度极简表现力强

一个自信的巨石体，通过巨大尺度和单一强调色来主导视觉焦点。

02

色彩

#FF0090Accent
#FFFFFFInk
#999999Ink soft
#000000BG
rgba(255,255,255,1.0)Line

极致高对比度，以单一、鲜艳的洋红色打破单色场域。

03

字体

geometric-sans

  • display160px · 400
  • heading52px · 400
  • subhead40px · 400
  • body18px · 400
  • caption16px · 400

04

间距

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

宽松、充足的 padding，围绕大块文字排版。

05

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

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

极简主义，主要依赖纯色填充而非可见描边。

rgb(14, 52, 73) 0px 0px 0px 1px · rgba(0, 0, 0, 0.2) 0px 0px 18px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中单栏堆叠，包含大型主视觉区块。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

滚动时平滑的透明度与 transform 过渡。

指针光标，伴有细微的背景或颜色变化。 · 通过标准浏览器状态提供即时反馈。

08

组件

  • button 药丸形或圆角矩形，采用纯色背景与文字形成对比。
  • card 简洁、全宽的照片或纯色色块。
  • chip 小型圆角矩形标签。
  • input 简洁、极简的样式，主要沿用浏览器默认样式。
  • hero 居中的大块文字或单一品牌色块，伴有极端的负空间。

09

文案语气与禁用清单

  • 语气 自信、直接、现代。
  • 标题风格 大号、字间距紧凑的小写或句首大写标题。
  • 按钮文案 直接、面向行动的标签。
  • 避免使用柔和或粉彩色的强调色——截图显示的是高饱和度的洋红色（#FF0090）。
  • 避免为正文使用过紧的行高——截图显示为宽松的 1.33–1.5 行高。
  • 避免将长段落居中对齐——截图主要使用左对齐或居中的大块文字。
  • 避免使用装饰性边框或粗轮廓——截图依赖纯色填充与负空间。
  • 避免使用浅色背景——截图显示为以黑色（#000000）为主导的背景。
  • 避免使用复杂渐变——截图主要为纯色与高对比度搭配。
  • 避免: 装饰性元素
  • 避免: 视觉杂乱
  • 避免: 细微渐变

10

包内真实截图

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

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

11

System Prompt

这是一个为 Huge Inc. 设计的高冲击力代理作品集。它采用深色模式美学，具有极端高对比度的排版和单一、鲜艳的洋红色（#FF0090）强调色。主要字体为几何无衬线体，尺度巨大且字间距紧凑。布局为极简、居中，并大量运用负空间。关键禁忌：绝不使用柔和的粉彩色，避免视觉杂乱，并保持大排版元素之间充足的间距。整体氛围大胆、自信且极具现代感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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