Theroger

一本高端精品目录，利用大量留白让产品自行展示其价值。

极致克制：以单色为基础，所有视觉趣味完全依赖于高分辨率摄影。

geometric-sans · monospace

• display50px · 700
• heading39px · 700
• subheading24px · 400
• body16px · 400
• label12px · 400

对大尺寸展示文字使用紧凑的负字间距，以形成连贯的视觉块。 · 在文本块之间保持充足间距，以维持通透、高端的氛围。 · 仅在技术细节或特定设计点缀中谨慎使用等宽字体。

严格的4px网格提供了底层结构，但实际布局高度依赖大量无结构的留白来创造节奏。

流动的网格系统，保持显著的水平边距和版块之间充足的垂直间距。

为按钮和图片悬停等交互元素提供平滑的硬件加速过渡。 · 在聚焦或悬停时使用微妙的缩放或位移变换，以提供清晰反馈。

通过微妙的背景色变化或图片轻微缩放来指示交互性，避免分散注意力。 · 通过状态变化提供即时视觉反馈，通常伴随平滑过渡。

• button 高对比度的黑色按钮配白色文字，主要操作常采用药丸形状（40px圆角），次要操作使用透明描边。
• card 用于承载产品图片和文字的简洁、无边框容器，依靠充足的内边距和留白而非可见的卡片来分隔。
• chip 在可见版块中不突出；任何标签很可能是简洁的大写文本标签。
• input 标准的表单文本输入，可能采用极简样式，带有微妙的底边框。
• hero 一个大型、全宽的摄影区域，搭配粗体、居中的标题，以建立一种令人向往的基调。

• 语气 自信、内敛且高端。语言直接，聚焦于产品属性，避免过度推销。
• 标题风格 粗体、大写或首字母大写的标题，采用负字间距以创造强烈的视觉冲击力。
• 按钮文案 直接且注重行动，通常在高对比度按钮上使用简洁文字。

• 不要使用渐变或复杂背景——截图显示的是纯白单色平面背景。
• 不要使用装饰性边框或厚重阴影——截图显示的是无边框、最低限度凸起的布局。
• 不要使用多种多样的字体颜色——截图显示几乎只使用黑色文字配白色背景。
• 不要使用细小、拥挤的间距——截图显示所有元素周围都有充足的垂直和水平留白。
• 不要对所有元素使用圆角——截图显示产品卡片是直角，仅主要按钮使用药丸形状。
• 不要使用活泼或古怪的字体排印——截图显示的是清晰、几何感的无衬线字体，优先考虑可读性和高端感。
• 避免: 过多的形容词
• 避免: 喧闹的促销语言
• 避免: 杂乱的布局

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