OpenDesign·你的设计资产库

网页参考

Worth Agency

一个以柔和温暖背景上巨大、富有表现力的排版为定义的创意代理商网站。

AgencyTypographyBold TypographyCleanRefined

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

大胆社论代理商排版

一本大胆、暖色调的社论杂志或高端印刷品布局。

02

色彩

#EE6B51Ink
#F8D1CDBG
#B9938EMuted
rgba(0,0,0,0.1)Line

柔和、温暖的色调,其中巨大的排版作为主要的结构元素。

03

字体

grotesque-sans

  • display320px · 700
  • body16px · 400

展示字体被激进裁剪以产生视觉冲击。 · 副标题居中放置在英雄区的较低位置。

04

间距

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

宽松、充裕的间距,专注于元素在垂直方向上的分隔。

05

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

sm · 8px
md · 12px
lg · 16px
pill · 999px

无可见边框;依赖颜色对比和比例。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全出血英雄区,带有巨大、裁剪居中的排版。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

加载时微妙的渐显效果。

预期有最小的视觉反馈。 · 标准的指针交互。

08

组件

  • button 白色胶囊形标签,深色文字,带细边框。
  • chip 顶部的白色圆角胶囊标签。
  • hero 巨大、裁剪的文字,垂直和水平居中。

09

文案语气与禁用清单

  • 语气 自信、极简且专业。
  • 标题风格 极简、巨大且高度视觉化。
  • 按钮文案 低调且简洁。
  • 不要使用杂乱的布局——截图显示的是简洁、单焦点的英雄区。
  • 不要使用小字号排版——截图显示的是巨大、占主导地位的文字。
  • 不要使用冷色或柔和的颜色——截图显示的是温暖的粉橙色系。
  • 不要使用厚重的阴影——截图显示的是扁平表面。
  • 不要使用密集的正文文案——截图显示的是最小化、有间距的文字。
  • 不要使用复杂的多栏布局——截图显示的是单栏居中布局。
  • 避免: 杂乱的布局
  • 避免: 过于复杂的配色方案
  • 避免: 通用的无衬线字体
  • 避免: 繁杂的背景图案
  • 避免: 低对比度的文字
  • 避免: 密集的文案块

11

System Prompt

这是一个创意代理商网站(Worth Agency),以其巨大、富有表现力的排版和温暖、柔和的色调为定义。主要颜色是浅粉色背景(#F8D1CD)和大胆的暖橙色文字(#EE6B51)。排版采用粗体 grotesque 无衬线字体,以极端比例使用并被裁剪以产生视觉冲击。布局极简、居中,完全聚焦于排版英雄区。关键禁忌:避免杂乱的布局,避免小字号排版,以及避免冷色或柔和的色调。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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