OpenDesign·你的设计资产库

网页参考

Swiss Typefaces

一家高端字体铸造厂,以干净、类似画廊的展示方式,呈现大胆、富有表现力的字体。

TypographyFoundry
Swiss Typefaces 网站截图

01

设计气质 DNA

排版字体铸造厂高端设计瑞士风格

一家高端字体工艺精品店,将瑞士的精准与富有表现力的现代美学相融合。

02

色彩

#37f5b7Accent
#000000Ink
#707070Ink soft
#f5f5f5BG
#ffffffBG soft
#d1d1d1Muted
rgba(0, 0, 0, 0.1)Line

以黑、白、浅灰为主的近乎无彩色系,让字体本身和明快的强调色成为视觉焦点。

03

字体

grotesque-sans · humanist-sans · monospace

  • display115px · 300
  • body18px · 400
  • caption12px · 400

排版是首要的视觉元素;尺度富有戏剧性和表现力。 · 为UI和导航使用干净、几何感的无衬线字体,以保持清晰度。 · 大尺寸展示文本主要使用较细的字重(300),营造精致感。

04

间距

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

大型排版元素周围采用宽松、不对称的间距,营造出画廊般的氛围,内容区域重点突出。

05

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

sm · 3px
md · 16px
lg · 20px
pill · 999px

无

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽、以主视觉区域(Hero)为主导的布局,内容在宽敞的容器中居中。排版常占据其容器的全宽。

07

动效与交互

120msmicro
200mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

UI元素的微妙透明度和可见性过渡。 · 悬停时的变换过渡,用于交互反馈。

交互元素上的微妙颜色过渡或透明度变化。 · 即时视觉反馈,通常通过颜色变化或轻微变换实现。

08

组件

  • button 简洁的胶囊形或略带圆角的按钮,采用高对比度(例如纯绿色或黑色)。
  • card 干净、以图像为驱动的卡片,用于展示字体,通常边框极简,排版清晰。
  • chip 用于分类的简单、圆角标签。
  • input 干净、极简的输入框,带有微妙的边框。
  • hero 全视口、沉浸式的区域,由大型、富有表现力的排版或抽象图像主导。

09

文案语气与禁用清单

  • 语气 自信、精致且略带艺术感。聚焦于工艺和设计哲学。
  • 标题风格 大胆、常超大尺寸,且富有排版表现力。使用铸造厂自身的字体。
  • 按钮文案 直接且极简,常使用单个词或短语(例如‘目录’、‘独家’)。
  • 不要在UI中使用装饰性或花体字体——截图显示导航使用的是干净的几何无衬线字体。
  • 不要应用厚重的投影——截图显示的是几乎没有阴影的扁平化设计。
  • 不要为整个页面使用繁杂、彩色的背景——截图使用的是浅灰色或白色基底。
  • 不要将按钮做成方形或尖角——截图显示的是胶囊形和圆角矩形。
  • 不要将所有正文文本居中对齐——截图使用了居中对齐的标题和左对齐正文的组合。
  • 不要使用狭小、局促的间距——截图显示元素周围有充足的留白。
  • 避免: 避免与排版竞争的杂乱布局。
  • 避免: 避免使用过于复杂或装饰性的UI元素,以免分散对字体的注意力。
  • 避免: 避免在同一视图中使用多种相互竞争的字体族。

10

包内真实截图

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

11

System Prompt

这是一个高端字体铸造厂网站。它采用干净、类似画廊的布局,以充足的留白来展示富有表现力的、超大尺寸的排版。关键颜色是浅灰色(#f5f5f5)背景、黑色(#000000)文本,以及用于行动号召(CTA)的明快薄荷绿色(#37f5b7)。字体主要是干净的怪诞无衬线和人文主义无衬线字体(如Suisse Intl和Euclid系列)。关键禁忌:1)不要在UI中使用装饰性字体。2)不要应用厚重的阴影或渐变。3)不要让布局杂乱;要让排版‘呼吸’。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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