精選 · 開放 · 免費
Sharp Type
一個為全球數位字型鑄造所打造的、以字體排印為核心的精緻網站。
typefoundry
01
設計氣質 DNA
字型鑄造所全球字體排印設計工具包客製字型
一本為 premium 字體打造的精緻型錄畫冊。
02
色彩
#000000Ink
#FFFFFFBG
#BDBDBDMuted
rgba(0,0,0,1)Line
極簡的黑與白，搭配高飽和度、多樣化的圓點指示器，用於字體分類。
03
字型
geometric-sans · humanist-sans · monospace
- display
40px · 700 - body
21px · 400 - caption
14px · 400
僅於標題與特定強調詞彙使用粗體（700）。 · 大型展示文字需保持緊湊的字距（負值）。 · 所有內文與導覽元素使用標準字重（400）。
04
間距
7px
14px
21px
28px
35px
42px
49px
以 7px 為基準單位，一致地用於內距、間距與邊距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 2px
md · 10px
lg · 14px
pill · 999px
主要分隔線使用細薄的 1px 黑色線條，次要邊框則使用淺灰色（rgb(189, 189, 189)）。
rgb(128, 128, 128) 0px 0px 5px 0px
06
版面
1440container
3columns
21pxgutter
768 / 1024breakpoints
流動佈局，在行動裝置上呈現單欄，於字體型錄中過渡為三欄網格。
07
動效與互動
220msmicro
300mssmall
400msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
所有元素透過 `all 0.3s` 套用過渡效果。 · 導覽選單等互動元素可能使用向右滑動的面板。
所有互動元素使用標準的滑鼠指標（pointer）。 · 指標按下時立即回應，符合標準網路互動。
08
組件
- button 幽靈按鈕，具有 2px 藍色邊框、圓角端點與大寫藍色文字。
- card 極簡的卡片式列表行，用於字體展示，以細線分隔。
- chip 小型圓形色彩指示器（圓點），置於字體名稱旁。
- input 在提供的截圖中未顯示。
- hero 極簡的首頁大圖，包含一個大型描述性標題（混合字重）與一個彩色圓點。
09
文案語氣與禁用清單
- 語氣 專業、權威且極簡。
- 標題風格 清晰、具描述性，並強調字體的技術廣度。
- 按鈕文案 簡潔、大寫，並透過色彩與邊框在視覺上凸顯。
- 不要使用高彩度的主色調作為大面積背景——截圖顯示色彩嚴格用於小型圓點指示器。
- 不要使用深色模式或彩色背景——截圖顯示背景嚴格為白色（#FFFFFF）。
- 不要在所有元素上使用厚重的陰影——截圖顯示僅在一個特定元素上有一個細微的陰影。
- 不要在主要 UI 或導覽中使用襯線字體——截圖顯示這些元素使用無襯線字體（歸類為 humanist-sans）。
- 不要在導覽或清單中使用置中文字——截圖顯示所有導覽與字型清單嚴格左對齊。
- 不要在單個元件中同時使用多個強調色——截圖顯示每個字型項目只有一個顏色。
- 避免: 避免使用複雜漸層或厚重的陰影。
- 避免: 避免使用過於俏皮或隨意的語氣。
- 避免: 避免使用雜亂的佈局或過多影像，以免分散對字型本身的注意力。
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此網站是一個為全球字型鑄造所打造的精緻、極簡主義作品集。其設計 DNA 定義於超乾淨、高對比的黑色（#000000）與白色（#FFFFFF）調色盤，色彩僅謹慎地作為字型名稱旁的小型飽和圓形指示器使用。字體排印依賴 humanist-sans 作為內文，並使用 geometric-sans 作為展示元素，標題具有緊湊的字距，並採用基於 7px 的間距節奏。關鍵設計限制包括：1) 維持嚴格的單色基底，無彩色背景，2) 確保所有導覽與文字保持嚴格左對齊，3) 僅將色彩作為精確的分類工具（透過小型圓點指示器），永不作為主要 UI 背景。
en · zh-CN · zh-TW · ja · ko