Samara

一个建筑展厅网站，将干净的现代主义与温暖的自然摄影相融合。

高对比度的极简主义，以一个鲜明的蓝色强调色点缀于纯白与深黑之上。

sans-serif

• display48px · 500

所有文字排版均使用简洁的几何无衬线字体。 · 通过明显的字重和大小差异，维持严格的排版层级。 · 所有导航和正文均使用标准的句子大小写。

充足的内边距与留白，以突显摄影并保持高端、无杂乱的观感。

需要时使用 1px solid rgba(0,0,0,0.1) 进行细微分隔，否则无边框。

全宽主视觉图像，后接一个干净、居中的内容网格。

页面过渡时使用细微的淡入效果。 · 导航链接和按钮上平滑的 hover 状态。

链接的颜色或下划线发生细微变化；按钮的亮度略有改变。 · 立即反馈，无复杂动画。

• button 药丸形、亮蓝色背景配白色文字，用于主要操作。
• card 极简或无边框的卡片，依赖排版与图像。
• input 干净、标准的输入框，带有最少的边框。
• hero 巨幅、全宽的摄影主视觉，覆有文字和一个'了解更多'按钮。

• 语气 专业、鼓舞人心且略带向往感，聚焦于生活方式。
• 标题风格 简短、富有感染力且清晰，常直接置于引人注目的图像之上。
• 按钮文案 直接且以行动为导向，使用简单的动词，如'开始使用'或'了解更多'。

• 避免使用杂乱的布局——该设计严重依赖充足的留白与单列聚焦。
• 避免使用多个相互竞争的强调色——该设计仅使用一个鲜明的蓝色作为主要 CTA 强调色。
• 避免使用装饰性或高度风格化的字体——排版严格保持干净、中性且实用。
• 避免为主要按钮使用圆角——'开始使用'按钮为药丸形，而其他元素保持尖角。
• 避免添加厚重的阴影或投影——设计完全扁平，依赖清晰的边缘。
• 避免使用带有重叠元素的复杂网格布局——结构严格线性且左对齐/居中。
• 避免: 行话
• 避免: 过于专业的建筑术语
• 避免: 密集的段落
• 避免: 花哨的动画