精選 · 開放 · 免費
Klim Type Foundry
頂級字型鑄字所,於極簡藝廊風格介面中展示無襯線與襯線字型家族。
typefoundryeditorial
01
設計氣質 DNA
字型鑄字字型排印頂級精緻現代主義
字型樣本的極簡藝廊
02
色彩
#D33C03Accent
#FFFFFFInk
#8D8D8DInk soft
#1C1C1CBG
#D3D3D3BG soft
#F4F4F4BG quiet
#7F7F7FMuted
rgba(141, 141, 141, 1)Line
高對比單色調,搭配單一鮮明的焦橙色點綴。
03
字型
grotesque-sans · grotesque-mono
- display
96px · 700 - body
16px · 400
展示標題字型使用當前展示的特定字型樣本 · 介面文字使用 Söhne 字型家族 · 嚴格遵循簡潔現代的無襯線美學
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
卡片區塊內使用充裕的內邊距(垂直方向 30px),創造呼吸空間
05
表面 (圓角 / 陰影 / 邊線)
sm · 2px
md · 2px
lg · 2px
pill · 999px
1px 細邊框分隔網格結構中的各元素
06
版面
1440container
12columns
16pxgutter
768 / 1024breakpoints
全寬堆疊列,左側對齊展示標題字,右側對齊中繼資料
07
動效與互動
300msmicro
300mssmall
300msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
介面元素的透明度與可見性過渡動畫
互動元素在懸停時產生細微的透明度變化或色調偏移 · 游標呈現手指狀態並即時回應
08
組件
- button 無背景與邊框的純文字連結
- card 全寬列搭配實色背景,包含大型展示字型樣本與右側對齊的變體清單
- chip 實色背景的小型矩形標籤(例如:焦橙色的「Die Grotesk」標籤)
- input 搜尋與篩選功能低調整合
- hero 全視口沉浸式影像或字型樣本,搭配極簡覆蓋文字
09
文案語氣與禁用清單
- 語氣 權威、精緻且極簡
- 標題風格 粗體、字距緊湊的展示標題字,用以突顯特定字型家族
- 按鈕文案 無按鈕或視覺強調的純文字連結
- 勿使用裝飾性邊框——截圖顯示為簡潔、最小化的分隔線
- 勿使用複雜按鈕樣式——截圖顯示為純文字的「購買」連結
- 勿在同一區塊使用多種背景色——截圖顯示為單一實色列
- 勿在卡片上使用圓角——截圖顯示為銳利的矩形幾何
- 勿使用陰影營造層次——截圖顯示為平面的表面層級結構
- 勿使用漸層背景——截圖顯示為實色填充
- 避免: 裝飾性元素
- 避免: 表情符號
- 避免: 非正式用語
- 避免: 雜亂的介面
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Klim Type Foundry 是一個採用極簡藝廊風格設計系統的頂級字型鑄字所網站。主要色彩包含深木炭灰 (#1C1C1C)、淺灰 (#D3D3D3) 與鮮明的焦橙色點綴 (#D33C03)。字型排印以無襯線與過渡襯線家族為核心,介面文字使用 Söhne。關鍵禁忌:避免裝飾元素或雜亂介面、避免複雜按鈕樣式(使用純文字連結)、避免單一區塊內使用多種背景色、避免卡片元素使用圓角。佈局採用全寬極簡風格,優先突顯字型樣本本身。
en · zh-CN · zh-TW · ja · ko