---
name: "Icam Inox"
description: "一堂关于如何运用极致尺度和高对比度，在不依赖色彩或装饰的情况下，营造出高端工业感的典范课。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#000000"
  primary: "#FFFFFF"
  secondary: "#AAAAAA"
  neutral: "#333333"
  line: "rgba(255, 255, 255, 0.15)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 96px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-1.44px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "0"
  h2:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.5
    fontWeight: 500
    letterSpacing: "-0.5px"

rounded:
  sm: 4px
  md: 8px
  lg: 20px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

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

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

## Colors

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

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#AAAAAA`)** — uses `ink-soft` token
- **Muted (`#333333`)** — uses `muted` token
- **Borders (`rgba(255, 255, 255, 0.15)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** humanist-sans

- 主标题使用极大字号（96px+）。
- 展示文字收紧字间距（tracking）。
- 正文保持常规字重和中性间距。

## Layout

全宽深色主区块后接浅色内容区块。

*Rhythm:* 宽松而宽敞，使用40px和72px的内边距区块来营造呼吸空间。

## Elevation & Depth

- 0 4px 24px rgba(0,0,0,0.5)
- Borders: 深色背景上使用1px的细白边框。

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 20px
- `pill`: 999px

## Components

- **button:** 极简，通常是纯文本或简单的描边样式。
- **card:** 深色或浅色容器，带有微妙的边框和圆角。
- **input:** 表单中简洁、干净的输入框。
- **hero:** 深色背景上的巨大排版，常与图像重叠。

## Do's and Don'ts

**Don't:**
- 不要使用鲜亮的强调色——色板严格限定为单色（黑、白、灰）。
- 展示文字不要小于72px——网站使用96px+的超大排版以制造冲击力。
- 不要使用装饰性或衬线字体——整个系统建立在干净、中性的无衬线字体之上。
- 不要创建杂乱的布局——网站使用大量的负空间。
- 不要使用沉重的投影——深度感通过高对比度和层叠来创造。
- 不要使用小型、药丸状的按钮——交互元素极简，通常仅为文本。

---

## System Prompt (paste into AI agent)

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