精選 · 開放 · 免費
Foundry Basement Studio
一款為設計師打造的、富有表現力的粗野主義字體鑄造所型錄
TypographyExpressiveBold TypographyPortfolioDark Mode
01
設計氣質 DNA
字體鑄造所字體樣本工業感粗黑體
一個打造重型字體的地下工作室
02
色彩
#FF4D00Accent
#EFEFEFInk
#000000BG
#121212BG soft
#747474Muted
rgba(226, 232, 240, 1.0)Line
最大化對比：漆黑的畫布、白色文字，以及單一耀眼的橘色強調色
03
字型
grotesque-sans · monospace
- display
198px · 700 - heading
120px · 700 - body
16px · 400 - caption
14px · 400 - micro
12px · 400
所有文字皆為大寫 · UI 文字使用等寬字體 · 字體樣本使用誇張的寬體展示字型
04
間距
4px
8px
16px
24px
32px
48px
64px
90px
嚴格的垂直間距，UI 元素內邊距緊湊，佈局間留有寬闊的空隙
05
表面 (圓角 / 陰影 / 邊線)
sm · 2px
md · 6px
lg · 8px
pill · 999px
1px 實心邊框，常使用柔和的灰色或白色
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
桌面版保留固定的左側邊欄，行動版採用頂部導覽
07
動效與互動
150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
細微的 background-color 與 border-color 過渡效果 · 狀態變化時的 opacity 淡入淡出
背景顏色與邊框顏色變化，持續 150ms，效果為 ease-in-out · 點擊狀態降低透明度
08
組件
- button 帶有邊框的按鈕，使用大寫等寬文字，並常採用強調色
- card 帶有細微邊框的深色面板，用於容納字體樣本
- chip 帶有邊框的矩形標籤，採用微型字體排印
- input 極簡化，可能隱藏以利自訂 UI 元素
- hero 全寬、高度表現力的字體展示，搭配背景圖樣
09
文案語氣與禁用清單
- 語氣 自信、大膽，並帶點不羈
- 標題風格 全大寫、極具表現力的 grotesque 字體
- 按鈕文案 直接的命令式語句，如「立即購買」或「開始探索」，並採用大寫
- 不要使用小寫文字——截圖顯示所有文字皆為大寫
- 不要使用柔和、粉彩的顏色——截圖顯示高對比的黑、白、橘三色
- 不要使用無襯線字體作為 UI 文字——截圖在導覽與標籤上完全使用等寬字體
- 不要使用纖細、精緻的字體——截圖採用粗重、擴展的 grotesque 字體
- 不要使用複雜的陰影——截圖依靠平面邊框來營造深度
- 不要使用淺色背景——截圖使用深黑或深灰色背景
- 避免: 細微的漸層
- 避免: 無襯線的內文字體
- 避免: 淺色主題
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
Basement Foundry 是一款富有表現力的粗野主義字體鑄造所型錄，以深黑背景搭配單一耀眼的橘色（#FF4D00）作為強調。字體排印是身分識別的核心，展示時採用粗重的 grotesque 字體，UI 元素則使用等寬字體，所有文字均以大寫呈現。主要顏色包括黑色（#000000）、深灰（#121212）、白色（#EFEFEF）和橘色（#FF4D00）。關鍵設計規則包括：永不使用小寫文字、避免淺色主題或粉彩顏色、UI 層級永不使用無襯線字體。佈局在桌面版設有固定邊欄，並專注於大型、富有表現力的字體樣本。動態效果細微，互動元素採用 150ms 的顏色過渡效果。
en · zh-CN · zh-TW · ja · ko