01
设计气质 DNA
字体铸造厂字体排印字体设计极简
一个精选的高端字体展厅
02
色彩
#000000Ink#8C8C8CInk soft#FFFFFFBG#F9F9F9BG softrgba(0,0,0,1)Line严格的高对比度单色,项目图像中稀疏、有目的地使用鲜艳色彩。
03
字体
- display
48px · 400 - body
16px · 400
字体名称使用大号、间距紧凑的过渡衬线或几何风格 · 正文使用中性的 grotesque-sans 字体 · 字体粗细主要为常规(400)
04
间距
4px8px12px15px16px20px25px48px网格项目之间保持 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 色彩(后者仅用于项目图像)。









