Vitra

一本高端建筑图册的网页呈现，融合产品展示与编辑叙事。

严格的单色配色方案，依赖高对比度摄影来创造视觉趣味。

geometric-sans

• display56px · 500
• headline40px · 500
• body17px · 500
• small15px · 500
• micro13px · 500

通篇使用几何无衬线字体 · 主要文本保持 500 字重 · 小标签使用大写字母间距 · 段落左对齐，并设置宽松的行高

以 8px 为基础单元，版块间距宽松，为 64px-96px。

使用浅灰色的 1px 细实线边框进行微妙分隔，不使用投影。

全出血的主视觉图片搭配居中文本，随后是紧密排列的双列产品网格。

文本叠加层平滑淡入 · 交互元素上线性色彩过渡

文本和图标微妙地变为柔和的灰色。 · 即时响应，仅有最小微交互。

• button 纯文本或带细边框的轮廓按钮，标签为大写，并设置宽松的内边距。
• card 以图片为主的卡片，下方居中放置文本说明，无边框或背景。
• chip 不适用
• input 极简的搜索输入框，仅底部有细边框。
• hero 全视口的电影感摄影，文字叠加层在垂直和水平方向均居中。

• 语气 权威、精致且富有远见。
• 标题风格 简短、有力的产品名称或概念性提问。
• 按钮文案 直接且以行动为导向，例如‘立即探索’或‘更多详情’。

• 不要使用投影 — 截图显示的是依赖摄影景深的扁平设计。
• 不要在按钮或卡片上使用圆角 — 截图显示的是锐利的直角边缘。
• 不要使用明亮的强调色 — 截图显示的是严格的单色配色方案。
• 不要为正文使用粗体字重 — 截图显示所有文本均使用中等字重（500）。
• 不要使用密集的文本块 — 截图显示了宽松的行高和段落间距。
• 不要使用装饰性边框 — 截图显示仅有功能性的 1px 细线。
• 避免: 避免使用随意语言或表情符号
• 避免: 避免因过多文本而打乱视觉层级
• 避免: 避免使用明亮、饱和的强调色

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