精選 · 開放 · 免費

205TF

一座極簡、高對比的字體鑄造所藝廊，讓字體樣本自行訴說。

01

設計氣質 DNA

一個精心策劃的黑盒子藝廊，字體樣本以單件藝術品的形式呈現。

02

色彩

透過絕對的強烈對比，彰顯所呈現字體的內在特質與工藝。

03

字型

didone-serif · transitional-serif

• display100px · 400
• heading56px · 400
• body14px · 400

所有字體樣本嚴格使用黑底白字，以維持高對比度。 · 大尺度展示字體使用極端字距調整（負值字母間距）以緊縮視覺密度。 · 粗體字重嚴格保留給特定字體樣本展示，UI 介面則統一維持 400 字重。

04

間距

所有內邊距、間距與外邊距皆嚴格採用 7 點基準單位，建立高度受限的空間格線。

05

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

平坦、乾淨的邊緣或虛線輪廓（用於主視覺圖），互動式格線狀態偶爾使用 1px 或 2px 實線筆畫。

06

版面

桌面版採用嚴格的雙欄不對稱格線，行動版則完全折疊為單一連續垂直堆疊。

07

動效與互動

所有結構性變形與容器滑動皆套用流暢的 cubic-bezier 緩動。 · 主要輪播與格線狀態變換採用嚴格的 0.45 秒至 0.6 秒過渡時長。 · 游標懸停於互動式字體展示區域時，即時更新為定制的 SVG 箭頭游標。

定制的 SVG 游標（左右箭頭）取代預設指標，以指示互動式輪播或格線導覽。 · 導向字體樣本詳情頁面或推進圖片輪播，保持無縫的狀態轉換。

08

組件

• button 極簡的文字連結或定制游標（左右箭頭），隱藏傳統 UI 以利直接互動。
• card 全出血黑色區塊作為字體樣本容器，由白色背景格線框住，具有鮮明的 24px 圓角。
• chip 高對比的矩形標籤，採用鮮亮的黃色背景 (#FFFF00) 與黑色文字，用於「已更新」等狀態。
• input 在提供的截圖中不可見。
• hero 一個巨大、主導性的黑色容器，內含超大尺寸襯線字體樣本圖形與定制虛線輪廓。

09

文案語氣與禁用清單

• 語氣 專業、極簡、充滿自信。
• 標題風格 毫不掩飾的巨大、寬鬆字距調整的字體樣本名稱，其功能更接近視覺錨點而非單純標題。
• 按鈕文案 低調、不突兀的文字連結，刻意避開標準按鈕美學，以將焦點保留在字體上。

• 不要引入輔助色——截圖顯示嚴格的黑白無彩色調色盤，僅有一個功能性黃色標籤。
• 不要使用粗體或厚重的 UI 字重——截圖顯示所有導覽與 UI 元素皆以一致的 400 字重呈現。
• 不要套用陰影或 3D 效果——截圖顯示完全平坦、圖形化的表面，無深度提示。
• 不要在卡片上使用圓角——截圖顯示黑色字體樣本容器完美貼合 24px 圓角的外框。
• 不要建立密集的文字段落——截圖顯示 UI 幾乎完全依賴巨大的展示字體與稀疏的導覽連結。
• 不要在互動區域使用預設瀏覽器游標——截圖清楚展示了用於左右導覽的定制箭頭游標圖像。
• 避免: 避免使用標準 HTML 按鈕或鮮豔色彩的 UI 元素，以免分散對字體樣本的注意力。
• 避免: 避免多欄文字區塊；文字嚴格維持單行或極短、高衝擊力的段落。
• 避免: 避免引入任何非實際字體樣本的裝飾元素或插圖。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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