OpenDesign·你的设计资产库

网页参考

Zeusjones

一个精致、智性的机构网站,通过排版和留白传达深思熟虑的品牌策略感。

AgencyEditorialCalmRefined

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

01

设计气质 DNA

极简智性品牌哲学内敛

一本高端艺术画廊目录或一份奢侈品牌宣言

02

色彩

#b5b5aeInk
#f5f3ebBG
#a8a8a1Muted
rgba(165, 165, 158, 0.5)Line

采用单一暖调中性光谱的单色柔和色板,营造平静、专注的画布。

03

字体

transitional-serif

  • display80px · 400

使用大型、优雅的衬线字体作为主要视觉元素。 · 在同一标题中混合使用罗马体和意大利体,以创造节奏变化。 · 保持充足行高,确保在大尺寸下的可读性。

04

间距

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

不对称且开放,依靠大边距和垂直留白来创造轻松的阅读节奏。

05

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

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

极少或无,仅使用非常微妙的下划线进行文本强调。

06

布局

1200container
12columns
32pxgutter
768 / 1024breakpoints

一个单栏、文本密集的布局,拥有大量垂直内边距,强烈关注居中或左对齐的排版。

07

动效与交互

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

使用微妙、缓慢的淡入效果呈现文本,以保持平静氛围。

在可交互文本元素上,光标发生微妙变化或颜色偏移。 · 标准指针反馈。

08

组件

  • button 截图中未见,但可能为内敛的文本链接或极简的填充形状。
  • card 未见。
  • chip 未见。
  • input 未见。
  • hero 一个巨大的、以排版为主导的英雄区域,利用字重、样式(罗马体/意大利体)和微妙的下划线来传达意义。

09

文案语气与禁用清单

  • 语气 哲学性的、平静的、权威的。
  • 标题风格 使用优雅衬线字体的陈述句式,常通过意大利体单词进行强调。
  • 按钮文案 可能极简且基于文本,避免使用醒目的按钮。
  • 不要使用明亮、高饱和度的颜色——截图显示的是柔和的暖调中性色板。
  • 不要为标题使用无衬线字体——截图显示的是优雅的过渡衬线字体。
  • 不要使用厚重的投影或3D效果——截图是完全扁平的。
  • 不要用多栏或密集网格挤满布局——截图显示出充足的留白。
  • 不要使用加粗、全大写的排版进行强调——截图使用意大利体和微妙的下划线。
  • 不要使用标准的蓝色链接颜色——截图将所有文本保持在相同的暖灰/灰褐色谱内。
  • 避免: 喧闹
  • 避免: 杂乱
  • 避免: 技术术语
  • 避免: 鲜艳色彩
  • 避免: 俏皮图标

11

System Prompt

这是一个为Zeus Jones设计的精致、智性的机构网站。设计高度依赖排版,特别是罗马体和意大利体风格的过渡衬线字体,背景是平静的暖调米白色(#f5f3eb)。主文本颜色为柔和的灰色(#b5b5ae),营造出低对比度、精致的感觉。布局宽敞,垂直节奏充足。关键设计规则包括:永不使用明亮或饱和的颜色,避免无衬线展示字体,永不使用厚重阴影或杂乱布局,并使用意大利体进行内部标题强调,而非加粗或全大写。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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