精選 · 開放 · 免費

Displaay

一個獨立的字體鑄造所，以俏皮且具藝術指導感的視覺，呈現獨特的零售與客製字體。

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

原站: https://displaay.net

📦 瀏覽包內檔案 →

01

設計氣質 DNA

字體鑄造所零售字體客製字型獨立

一個透過富有表現力的版面展示字型藝術的創意工作室。

02

色彩

#020202Ink
#76756FInk soft
#FFFFFFBG
#C9C9C8BG soft
rgba(0,0,0,1.0)Line

以單色調為基礎，搭配強烈、高對比的攝影與插圖來定義色彩故事。

03

字型

humanist-sans

標題使用簡潔的人文無襯線字體，並搭配緊湊的字距。 · 內文維持慷慨的行高以利閱讀。 · 字體粗細主要採用常規（400），營造精緻的編輯感。

04

間距

4px
8px
15px
20px
25px
32px
48px
96px

章節之間留有慷慨的空白，而 UI 元素內部則採用緊湊的填充。

05

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

sm · 8px
md · 10px
lg · 20px
pill · 999px

按鈕與標籤採用 1px 實線黑色邊框，創造出銳利、圖形化的輪廓風格。

無

06

版面

1400container
12columns
24pxgutter
768 / 1024breakpoints

首圖區採用左對齊的文字與右對齊的行動按鈕；下方則為基於網格的功能卡片。

07

動效與互動

150msmicro
300mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

互動元素上有流暢的背景與色彩過渡效果。

細微的背景或邊框色彩變化，並搭配流暢的過渡效果。 · 立即的狀態切換，通常觸發頁面或區塊導覽。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個獨立的字體鑄造所網站（Displaay），具有乾淨的編輯美學，以單色調色盤（#FFFFFF、#C9C9C8、#020202、#76756F）為基礎。字體排印依賴客製的人文無襯線字體，具有大尺度的展示比例與常規字重。版面寬敞且左對齊，UI 元素（如按鈕與標籤）採用銳利的 1px 黑色邊框。關鍵禁忌：避免使用柔和陰影或無邊框的圓角矩形，避免將所有文字置中，絕不使用通用的無襯線字體作為展示標題。設計精緻、俏皮且帶有畫廊感，專注於字型樣本與攝影的視覺衝擊力。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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