japanese-minimal

japanese-minimal

唯一的意象：一间房，一只花瓶——空缺本身就是设计。

1. 配色（固定）

• 纸色：#F4F1EA（米纸般的温润）。替代色：#ECE8DF。
• 墨色：#33302B（墨色——柔和，绝非纯黑）。
• 次要色：#8A8378（石灰色），用于元数据和正文旁注。
• 印章色——仅此一种：#B3392A（印章红）。用于：印章标记、一处下划线、一项统计数据、链接。这就是全部的强调色预算。
• 不用纯白、渐变或彩色区块（禁止使用强调色区块——强调色是标记，不是表面）。

2. 字体排印（固定）

• **展示字体：**日文明朝体衬线字体（Shippori Mincho，或富有书法韵律的衬线字体），字重 400–600，clamp(2.4rem, 6vw, 5rem)，行高 1.15–1.3（明朝体需要呼吸感——不要用过于紧凑的行高）。
• **正文：**简洁的日文哥特体（Zen Kaku Gothic New，或字重 300–400 的系统无衬线字体），15–16px，行高 1.8–2.0——留白充裕。
• **标签：**哥特体大写字母或罗马数字，letter-spacing: 0.18em，10–11px，石灰色。
• **一处竖排点睛：**每页仅使用一个 writing-mode: vertical-rl 文本元素（标签、数字或名称）——让它成为值得留意的标记，绝不重复。
• 不用斜体（明朝体的气质本就不需要斜体），不造假粗体，展示文字不使用全大写。

3. 构图（固定）

• **间（负空间）就是布局。**首屏内边距 ≥ 20vh。区块间距 ≥ 160px。如果某个区块显得空，那就对了——不要填满它。
• **不对称的静谧：**内容置于 5/12–7/12 宽的栏中，并偏离中心；每条视线只安排一个对象。绝不采用居中对称的堆叠布局，也绝不使用满版繁杂画面。
• **用线代替框：**区块分隔线和索引行使用纤细（1px）的石灰色细线。面板使用纸色（#ECE8DF），不加边框——用色调区分，而非线条。
• **索引采用列表形式：**项目排列在细线上：编号／名称／一句简注。数量使用明朝体数字。
• **印章：**印鉴（红色方形或圆角方形标记，内含一个白色汉字或字母组合）只出现两次：一次靠近文字标识，一次位于页脚。它是签名，不是 Logo 徽章。

4. 内容处理

• 不用表情符号或图标集——使用排印符号（・、—、◦）或印章本身。
• 如使用摄影图片：最多一到两张，色调柔和、带颗粒感，留出充足边距（图片小于内容栏，不要铺满）；filter: saturate(0.7) contrast(0.95)。
• 文案节奏：句子简短，以观察的口吻表达指令（“数据轻声提出了请求。”），不使用感叹号或最高级表达（“最好／最伟大／革命性”）。
• 行动号召：一个带印章红色下划线的文本链接，或一个实心墨色按钮（方形）。绝不并列两个同等重要的行动号召。

5. 动效（单次）

• 每个区块仅有一次淡入／上升：500–700ms，cubic-bezier(0.22, 1, 0.36, 1)，8–10px。
• 悬停：颜色变为印章红，或透明度变为 0.75，持续 200ms。除此之外不添加其他效果。不用视差、跑马灯或循环动画。

6. 检查清单（出现以下情况即判定页面不合格……）

• 使用了纸色、墨色、灰色和印章红以外的颜色。
• 使用了强调色表面（强调色只能用于标记）。
• 圆角半径超过 2px，或使用了任何盒阴影。
• 展示文字使用了无衬线字体。
• 展示文字使用了斜体或全大写。
• 首屏布局居中对称，或区块间距小于约 160px。
• 竖排文本元素多于一个。
• 存在任何看不出有意安排的元素。