精選 · 開放 · 免費

Swiss Typefaces

一家頂級字型鑄造所，以乾淨、畫廊般的呈現方式，展示大膽且富有表現力的字型。

typefoundry
Swiss Typefaces 網站截圖
↓ 下載設計系統包 (29 MB)在 OpenDesign 中開啟

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

📦 瀏覽包內檔案 →

01

設計氣質 DNA

TypographyFoundryPremiumDesignSwiss

一家融合瑞士精準與當代表現力美學的高端字型工坊。

02

色彩

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

以黑、白、淺灰為主的非彩色調，讓字型本身和鮮明的強調色主導視覺焦點。

03

字型

grotesque-sans · humanist-sans · monospace

排版是首要的視覺元素；其尺度大膽且富有表現力。 · 使用乾淨的幾何無襯線體作為使用者介面與導覽，以維持清晰度。 · 大型展示文字主要使用輕字重（300），營造精緻感。

04

間距

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

大型排版元素周圍採用寬敞、不對稱的間距，營造出畫廊般的感受，並聚焦內容區域。

05

表面 (圓角 / 陰影 / 邊線)

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

使用乾淨的1px實線邊框進行結構分隔，部分元素則採用左側邊框作為強調。

none

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

以英雄區塊為主導的全寬佈局，內容置於寬敞的容器中居中。排版常佔據容器的全部寬度。

07

動效與互動

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

使用者介面元素採用細微的透明度與可見性過渡效果。 · 互動回饋時，懸停狀態採用變形過渡效果。

互動元素懸停時，產生細微的顏色過渡或透明度變化。 · 立即的視覺回饋，通常透過顏色變化或輕微的變形實現。

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）文字，以及作為行動呼籲的鮮明薄荷綠強調色（#37f5b7）。字型主要使用乾淨的 grotesque 與 humanist 無襯線體（如 Suisse Intl 與 Euclid 系列）。關鍵禁忌：1）不要使用裝飾性字型作為使用者介面。2）不要套用厚重的陰影或漸層。3）不要讓佈局顯得雜亂；讓排版得以呼吸。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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