OpenDesign·你的设计资产库

网页参考

Grilli Type

一个为瑞士字体铸造厂打造的极简、网格驱动的作品集。

TypographyFoundry

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

01

设计气质 DNA

字体铸造厂字体排印字体设计极简

一个精选的高端字体展厅

02

色彩

#000000Ink
#8C8C8CInk soft
#FFFFFFBG
#F9F9F9BG soft
rgba(0,0,0,1)Line

严格的高对比度单色,项目图像中稀疏、有目的地使用鲜艳色彩。

03

字体

transitional-serif · grotesque-sans

  • display48px · 400
  • body16px · 400

字体名称使用大号、间距紧凑的过渡衬线或几何风格 · 正文使用中性的 grotesque-sans 字体 · 字体粗细主要为常规(400)

04

间距

4px
8px
12px
15px
16px
20px
25px
48px

网格项目之间保持 20px 到 25px 的一致间距

05

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

sm · 4px
md · 5px
lg · 5px
pill · 999px

用于水平分隔线的 1px solid #000000 或 #8C8C8C

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

左对齐的标签,配合用于内容的大型多列网格

07

动效与交互

100msmicro
300mssmall
300msmedium
ease-outeasing

hover 状态下快速的 0.1s ease-out 过渡

光标在可点击元素上变为指针 · 标准指针交互

08

组件

  • button 极简的文本链接或带 1px 边框的幽灵按钮
  • card 无边框或阴影的视觉项目磁贴
  • hero 在技术网格中展示字体的大型图形构图

09

文案语气与禁用清单

  • 语气 沉静、自信且高度专业
  • 标题风格 作为主标题的大型字体名称
  • 按钮文案 低调的文本链接或幽灵按钮
  • 不要使用投影 — 截图显示的是平面、基于网格的布局
  • 不要在大元素上使用 border-radius — 截图显示的是尖角(小元素除外,可使用 5px 圆角)
  • 不要使用粗重的字体粗细 — 截图显示的字体主要为常规粗细
  • 不要使用居中布局 — 截图显示标签和导航严格左对齐
  • 不要使用装饰性背景 — 截图显示的是纯白色或浅灰色(#F9F9F9)背景
  • 不要使用多色导航 — 截图仅显示黑色和柔和的灰色文本
  • 避免: 营销术语
  • 避免: 装饰性元素
  • 避免: 杂乱的布局

10

包内真实截图

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

11

System Prompt

一个瑞士字体铸造厂作品集,以极简、网格驱动的设计和严格的单色调色板为特点。关键色彩包括纯白色(#FFFFFF)背景、纯黑色(#000000)墨色以及用于次要文本的柔和灰色(#8C8C8C)。字体排印混合了用于 UI 的 grotesque-sans 和用于字体展示的过渡或几何衬线,显示比例为 48px。关键设计规则:保持尖角(最大 5px),使用 1px solid 边框进行分隔,并坚持严格的左对齐。不要使用装饰性阴影、多变的字体粗细或鲜艳的 UI 色彩(后者仅用于项目图像)。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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