精选 · 开放 · 免费
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的内边距区块来营造呼吸空间。
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
滚动时的微妙淡入效果。 · 悬停状态的平滑过渡。
微妙的色彩偏移或透明度变化。 · 立即反馈，带有极小的回弹效果。
08
组件
- button 极简，通常是纯文本或简单的描边样式。
- card 深色或浅色容器，带有微妙的边框和圆角。
- input 表单中简洁、干净的输入框。
- hero 深色背景上的巨大排版，常与图像重叠。
09
文案语气与禁用清单
- 语气 权威且专业。
- 标题风格 简短、有力、且极其巨大。
- 按钮文案 低调内敛，依靠排版而非彩色按钮。
- 不要使用鲜亮的强调色——色板严格限定为单色（黑、白、灰）。
- 展示文字不要小于72px——网站使用96px+的超大排版以制造冲击力。
- 不要使用装饰性或衬线字体——整个系统建立在干净、中性的无衬线字体之上。
- 不要创建杂乱的布局——网站使用大量的负空间。
- 不要使用沉重的投影——深度感通过高对比度和层叠来创造。
- 不要使用小型、药丸状的按钮——交互元素极简，通常仅为文本。
- 避免: 俏皮的语言。
- 避免: 明亮、鲜亮的色彩。
- 避免: 过多的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