OpenDesign·你的设计资产库

网页参考

Icam Inox

一个为不锈钢专家打造的、以排版驱动的简约工业网站。

HardwareCleanRefinedIndustrialBold Typography

封面待补录,可通过原站查看设计。

01

设计气质 DNA

工业精密极简专业金属

一家不锈钢制造商的高端工业目录。

02

色彩

#FFFFFFInk
#AAAAAAInk soft
#000000BG
#333333Muted
rgba(255, 255, 255, 0.15)Line

高对比度单色,无鲜亮强调色。

03

字体

grotesque-sans · humanist-sans

  • display96px · 500
  • body16px · 400
  • h232px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

一个为不锈钢制造商打造的高端工业网站,以鲜明的单色色板(黑 #000000、白 #FFFFFF、灰 #333333)为特征。排版系统采用粗体的人文主义与怪诞无衬线字体,以超大尺度(96px+)用于主标题,字间距极紧(-1.44px)。布局极其宽敞,优先考虑简洁线条和高对比度,而非装饰元素。没有鲜亮的强调色;强调纯粹依靠排版和尺度。关键禁忌:避免彩色强调色,绝不要使用小的展示文字,绝不引入装饰性衬线或杂乱的布局。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。