OpenDesign·你的设计资产库

网页参考

Heavyweight Type

一个展示重磅衬线字体、拥有温暖深色美学的高端数字字体铸造厂。

TypographyEditorialPremiumCurationStudio

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

01

设计气质 DNA

字体设计重磅字体字体铸造厂数字温暖

一个为数字字体打造的精致传统印刷工作室

02

色彩

#B59A32Accent
#F5F1E6Ink
#1A1A1ABG
#888888Muted
rgba(181, 154, 50, 0.2)Line

采用单一暖金色点缀的深色高对比度画布,以提升高端衬线字体的质感。

03

字体

didone-serif

  • display120px · 400

所有标题与正文均使用 Didone 衬线体。 · 为大号衬线标题保持充裕的字间距。

04

间距

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

以 4px 为基础,配合为戏剧化字体留出的大垂直间距

05

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

sm · 4px
md · 8px
lg · 12px
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

文案语气与禁用清单

  • 语气 专业、温暖且具权威感
  • 标题风格 正式、以衬线体为主、留白充裕
  • 按钮文案 直接且内敛,采用药丸形状
  • 不要为标题使用无衬线体——截图显示的是 Didone 衬线体。
  • 不要使用明亮、饱和的霓虹色——截图显示的是低调的金色点缀。
  • 不要使用密集、杂乱的布局——截图显示的是极简、居中的主区域。
  • 不要使用小而紧凑的展示字体——截图显示的是字间距宽阔的大号衬线文字。
  • 不要使用尖锐的矩形按钮——截图显示的是圆角的药丸形按钮。
  • 不要使用浅色背景——截图显示的是深色、近乎黑色的画布。
  • 避免: 俚语
  • 避免: 过多标点符号
  • 避免: 全大写标题
  • 避免: 俏皮或随意的语言

11

System Prompt

这是一个拥有深邃、精致美学的高端数字字体铸造厂网站。设计以近黑色背景上巨大的、高对比度的 Didone 衬线字体为核心。主要颜色为背景的深炭灰(#1A1A1A)、文字的暖调奶油色(#F5F1E6)和点缀的低调金色(#B59A32)。版式极简,采用全出血主区域,文字居中。关键禁忌:避免无衬线标题,避免明亮饱和色彩,避免杂乱布局。整体感觉是编辑式的、精致的。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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