精選 · 開放 · 免費
ABC Dinamo
現代、精緻的字體鑄造所網站,強調粗獷字體排印、編輯影像及以極簡留白驅動的版面。
typefoundry
01
設計氣質 DNA
字體排印字體鑄造所字型設計自訂
數位字體的高級精品店,將字型視為高端收藏工具。
02
色彩
#FEE905Accent
#000000Ink
#FFFFFFBG
#F0F4F6BG quiet
#EBEBEBMuted
rgba(0,0,0,0.1)Line
極簡高對比調色盤,以純白畫布、黑色字型,搭配單一亮黃色作為強調。
03
字型
geometric-sans · humanist-sans · monospace
- display
43px · 400 - heading
27px · 400 - body
21px · 400 - caption
12px · 400
所有文字使用 400 字重。 · 大型標題使用緊湊的字母間距。 · 標籤文字僅謹慎使用大寫轉換。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
章節之間採用寬鬆留白,導航與 UI 元素內部則使用緊湊、結構化的間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 12px
lg · 30px
pill · 999px
極簡邊框,偶爾使用 1px 實心黑色作為 UI 分隔。
rgb(255, 249, 0) 0px 0px 0px 1px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
不對稱分割版面,左側設有固定的導航欄,中央/右側為首頁圖片與功能的內容區域。
07
動效與互動
250msmicro
400mssmall
800msmedium
cubic-bezier(0.1, 0.6, 0.4, 1)easing
頁面轉場採用平滑的透明度與背景淡入淡出。 · 微互動使用 cubic-bezier 轉換。 · 元素依序載入使用線性延遲。
導航與 UI 元素在懸停時進行細微的顏色或背景變化。 · 透過啟用狀態提供即時回饋。
08
組件
- button 極簡設計,主要為文字按鈕,搭配膠囊形狀背景。
- card 大型、全寬的編輯影像卡片,帶有大圓角。
- chip 小型圓角「NEW」標籤,背景為黃色或淺灰色。
- input 搜尋觸發器使用簡潔圖示,無傳統輸入框邊框。
- hero 顯眼的居中大寫標題,後接一張大尺寸、圓角邊緣的編輯攝影圖。
09
文案語氣與禁用清單
- 語氣 專業、創意且具權威性。
- 標題風格 簡短、有力的大寫語句。
- 按鈕文案 簡潔、直接且無修飾。
- 勿使用粗體字重——截圖顯示所有文字均為 400 字重。
- 勿使用深色模式——截圖顯示主要為明亮的白色背景。
- 勿加入複雜漸層——截圖顯示純色平面背景。
- 勿使用裝飾性襯線字體——截圖顯示乾淨的幾何與人文無襯線字體。
- 勿過度使用鮮豔色彩——截圖顯示以黑白為主,僅搭配少量黃色點綴。
- 勿使用銳利方形邊角——截圖顯示膠囊形與卡片均採用大圓角。
- 避免: 厚重的裝飾元素。
- 避免: 鮮豔衝突的配色。
- 避免: 複雜的多層次漸層。
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 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個現代、精緻的字體鑄造所網站,強調粗獷字體排印、編輯影像及以極簡留白驅動的版面。設計採用純白背景搭配實心黑色文字以達最大對比,偶爾以亮黃色作為點綴。字體排印主要為乾淨的幾何與人文無襯線類別,以大比例呈現,標題字母間距緊湊。左側設有固定的導航欄作為介面基準。關鍵十六進位色碼包含 #FFFFFF、#000000 與 #FEE905。重要禁忌:切勿使用粗體字重、完全避免深色模式、不引入複雜漸層、堅持使用無襯線類別、嚴格限制色彩使用,以及始終為卡片與標籤使用大圓角。
en · zh-CN · zh-TW · ja · ko