精選 · 開放 · 免費
Icam Inox
一個為不鏽鋼專家打造、以字體為主導的簡潔工業網站。
HardwareCleanRefinedIndustrialBold Typography
01
設計氣質 DNA
工業精準極簡專業金屬
不鏽鋼製造商的高端工業型錄。
02
色彩
#FFFFFFInk
#AAAAAAInk soft
#000000BG
#333333Muted
rgba(255, 255, 255, 0.15)Line
高對比單色調，無鮮豔強調色。
03
字型
grotesque-sans · humanist-sans
- display
96px · 500 - body
16px · 400 - h2
32px · 500
首屏重要聲明使用極大字體尺寸（96px 以上）。 · 展示文字需緊縮字距（tracking）。 · 內文使用常規字重與中性間距。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬鬆且開闊，使用 40px 與 72px 的 padding 區塊創造呼吸空間。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 20px
pill · 999px
深色背景上使用 1px 細白邊框。
0 4px 24px rgba(0,0,0,0.5)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全寬深色首屏區塊後接淺色內容區塊。
07
動效與互動
220msmicro
375mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
滾動時的細微淡入效果。 · hover 狀態下的平滑過渡。
細微的色彩偏移或透明度變化。 · 即時回饋，輕微彈跳效果。
08
組件
- button 極簡，多為純文字或簡單外框樣式。
- card 深色或淺色容器，帶有細微邊框與圓角。
- input 極簡、乾淨的表單輸入欄位。
- hero 深色背景上的巨大字體，常與影像重疊。
09
文案語氣與禁用清單
- 語氣 權威且專業。
- 標題風格 簡短、有力且極其巨大。
- 按鈕文案 低調含蓄，依靠字體而非色彩鮮豔的按鈕。
- 勿使用鮮豔的強調色——調色盤嚴格採用單色調（黑、白、灰）。
- 勿將展示文字設置低於 72px——本網站使用巨大的 96px 以上字體以創造衝擊力。
- 勿使用裝飾性或襯線字體——整個系統建立在乾淨、中性的無襯線字體上。
- 勿創造擁擠的佈局——本網站使用大量的負空間。
- 勿使用厚重的陰影——透過高對比與層疊創造深度感。
- 勿使用小巧、膠囊狀按鈕——互動元素極簡且多為純文字。
- 避免: playful 語言。
- 避免: 明亮、鮮豔的色彩。
- 避免: 過多的 UI 元素。
- 避免: 圓潤、泡泡狀的形狀。
- 避免: 微小、擁擠的字體。
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
一個為不鏽鋼製造商打造的高級工業網站，以簡潔的單色調色盤（黑 #000000、白 #FFFFFF、灰 #333333）為特色。字體系統採用粗體、人文主義與怪誕無襯線體，並以巨大比例（96px 以上）用於首屏標題，字距緊縮（-1.44px）。佈局極其寬敞，優先考量簡潔線條與高對比，而非裝飾性元素。無鮮豔強調色；強調純粹依靠字體與比例。關鍵禁忌：避免色彩強調、永遠不要使用小型展示文字，以及永遠不要引入裝飾性襯線或擁擠佈局。
en · zh-CN · zh-TW · ja · ko