OpenDesign·你的设计资产库

网页参考

Francomariaricci

一个奢华编辑品牌,以古典优雅呈现精心策划的书籍与设计作品。

EditorialPremiumGalleryTypographyCuration

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

01

设计气质 DNA

奢华书籍艺术设计策展

一个高端画廊或奢华编辑品牌,展示精心策划的文化藏品。

02

色彩

#1A1A1AInk
#B39662BG
#FFFFFFMuted
rgba(0,0,0,0)Line

浓郁温暖的赭石背景搭配深墨,营造经典、高对比度的编辑感。

03

字体

transitional-serif

  • display48px · 400
  • body16px · 400

所有主要文字使用过渡衬线体,以保持古典、编辑的基调。 · 避免过紧的字距;保持自然、可读的节奏。

04

间距

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

以4px为基础单位,配合充足留白,体现奢华定位。

05

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

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

无可见UI边框;依靠颜色对比和排版构建结构。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

非对称分屏布局,左侧为纯色面板,右侧为全出血摄影面板。

07

动效与交互

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

静态截图中无可见动效。

文字链接上隐含的细腻状态变化。 · 直接导航至相关内容。

08

组件

  • button 文字链接包裹在花括号中,使用大写字母强调。
  • input 标准cookie同意输入框,搭配胶囊形按钮和细边框。
  • hero 分屏主视觉,左侧为纯色文字块,右侧为全高氛围图片。

09

文案语气与禁用清单

  • 语气 精致、有教养、考究。
  • 标题风格 陈述性且优雅,常使用感叹号表达微妙的兴奋感。
  • 按钮文案 细腻且融入式,使用花括号和大写字母。
  • 不使用无衬线字体——截图显示完全使用衬线字体。
  • 不使用明亮或霓虹色——截图显示柔和的赭石与深色系。
  • 按钮不使用圆角——截图显示尖锐的矩形文字链接。
  • 文字不对齐居中——截图显示严格的左对齐。
  • 不使用厚重投影——截图显示扁平的、基于图片的深度感。
  • 此类内容不使用复杂网格——截图显示简单的非对称分屏。
  • 避免: 不使用现代无衬线字体——截图完全使用衬线字体。
  • 避免: 不使用明亮的霓虹色——调色板依赖于大地赭石色和深色调。
  • 避免: 不使用厚重的投影或3D效果——设计是扁平的,依赖图片深度。
  • 避免: 不使用圆角UI组件——按钮和输入框使用直边。
  • 避免: 不使用居中文字块——布局使用清晰的左对齐结构。
  • 避免: 不使用破坏紧凑编辑感的过大内边距或外边距。

11

System Prompt

这是一个用于书籍和设计作品的奢华编辑平台。关键十六进制颜色包括主导的赭石背景(#B39662)和深墨色(#1A1A1A)。字体类别在标题和正文均使用过渡衬线体,营造古典感。关键禁止事项:绝不使用无衬线字体,避免明亮的霓虹色,并保持严格的左对齐。布局使用非对称分屏主视觉。按钮是包裹在花括号中的文字链接。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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