精选 · 开放 · 免费

Swiss Typefaces

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

typefoundry
Swiss Typefaces 网站截图
↓ 下载设计系统包 (29 MB)在 OpenDesign 中打开

原站: https://www.swisstypefaces.com

📦 浏览包内文件 →

01

设计气质 DNA

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

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

02

色彩

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

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

03

字体

grotesque-sans · humanist-sans · monospace

排版是首要的视觉元素；尺度富有戏剧性和表现力。 · 为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

组件

09

文案语气与禁用清单

10

包内真实截图

Swiss Typefaces — 桌面首屏（hero）
桌面首屏（hero）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Swiss Typefaces — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko