精選 · 開放 · 免費

General Type Studio

一個大膽的攝影式字體鑄造所作品集，運用巨幅影像和展示型字體。

typefoundry

General Type Studio 網站截圖

↓ 下載設計系統包 (33 MB)在 OpenDesign 中開啟

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

📦 瀏覽包內檔案 →

01

設計氣質 DNA

字體鑄造所實驗性趣味性工藝

一張感覺像實體、具觸感工作坊的數位字體標本頁。

02

色彩

#ffffffInk

#000000BG

#222222Muted

rgba(255,255,255,1.0)Line

嚴格的單色調色盤，依賴攝影內容來呈現色彩。

03

字型

geometric-sans

display60px · 400
heading43px · 400
body16px · 400

在首頁橫幅區使用大而粗體的展示型字體。 · 所有使用者介面與內文使用無襯線字體。 · 展示型字體的行距保持緊湊。

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

基於 4px 的增量，區塊搭配寬裕的內距。

05

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

sm · 4px

md · 0px

lg · 0px

pill · 999px

結構性分隔線使用細白邊框。

06

版面

1280container

12columns

24pxgutter

768 / 1024breakpoints

全出血式攝影背景搭配文字覆蓋。

07

動效與互動

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

淡入效果 · hover 時的顏色過渡

連結和按鈕的流暢顏色過渡。 · 標準游標互動。

08

組件

button 基於文字的按鈕，帶有 hover 過渡效果。
card 無；依賴排版和攝影。
chip 無。
input 無。
hero 全螢幕圖像搭配大型排版覆蓋。

09

文案語氣與禁用清單

語氣權威、專業，同時帶有趣味性。
標題風格 大而粗體，經常使用全大寫。
按鈕文案 簡約，基於文字。

不要使用襯線字體作為使用者介面——截圖顯示使用的是幾何無襯線字體。
不要使用彩色調色盤——截圖顯示是嚴格的單色調。
不要將內容隱藏在複雜的導覽後——截圖顯示的是清晰、直接的連結。
不要在卡片上使用圓角——截圖顯示的是銳利的邊緣。
不要使用微妙的陰影——截圖顯示的是平面、圖形化的對比。
不要使用小而擁擠的排版——截圖顯示的是大而具表現力的字體。
避免: 雜亂
避免: 過度裝飾
避免: 使用者介面使用襯線字體

10

包內真實截圖

General Type Studio — 桌面首屏（hero） — 桌面首屏（hero）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

General Type Studio 是一個字體鑄造所網站，其特點是大型、具表現力的排版和全出血式的攝影背景。設計採用純黑（#000000）與純白（#ffffff）的嚴格單色調色盤。字體主要使用幾何無襯線體，並在首頁橫幅區以巨大尺寸使用。關鍵特徵包括全視窗版面、簡約的使用者介面元素，以及對字體標本本身的聚焦。嚴禁事項：避免使用者介面使用襯線字體、避免彩色調色盤、避免微妙的裝飾元素。整體感覺大膽、實驗性強，且以視覺為導向。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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