Aather

一家精品蜡烛品牌的高端编辑式画册。

克制的单色基底，搭配温暖的摄影色调和柔和的沙土色点缀。

transitional-serif · humanist-sans

• display56px · 200
• h132px · 200
• body20px · 100
• small13px · 300

所有大型展示性文案使用过渡衬线字体。 · 导航、按钮和功能性 UI 元素使用人文主义无衬线字体。 · 所有文本保持非常轻的字重（100-300）。 · 应用统一的 0.5px 字母间距以提高可读性。

布局开阔、不对称，元素间留有充足的空白。

最小化边框；使用 1px solid rgba(0,0,0,0.5) 进行微妙分隔。

全出血主视觉图片，随后是单栏文本区域。

页面加载时的透明度和位置柔和渐变。 · 文本链接上平滑的 hover 过渡。

微妙的透明度变化或下划线出现。 · 通过状态变化提供即时视觉反馈。

• button 带 1px 底部边框的极简文本链接。
• card 干净的摄影卡片，无背景或边框。
• chip 小型大写无衬线标签。
• input 带有微妙底部边框的干净无衬线输入框。
• hero 全出血摄影主视觉，覆盖大型衬线文字。

• 语气 诗意、富有感染力且宁静。
• 标题风格 营造氛围的、富有感染力的衬线句子。
• 按钮文案 简单、直接的文本链接，带底部边框。

• 不要对正文使用粗体——截图显示使用的是非常轻、细的字重（100-300）。
• 不要给 UI 元素添加厚重的投影——截图显示的是完全扁平的表面。
• 不要在组件上使用圆角——截图显示的是尖锐的、0px 圆角的边缘。
• 不要使用深色模式——截图显示的是以白色和浅色为主的背景。
• 不要使用高饱和度的强调色——截图显示的是柔和、质朴的沙土色强调色。
• 不要用元素挤满布局——截图显示的是充足的留白和极简的排列。
• 避免: 激进的销售语言
• 避免: 响亮的感叹号
• 避免: 密集、厚重的文本块

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