Natureofthings

一家融合自然与人文关怀的高端植物药剂店。

中性、大地色系的配色方案，让高品质摄影成为视觉主导。

transitional-serif · humanist-sans · mono

• display40px · 400
• body14px · 400

使用衬线展示字体，营造精致、编辑感的氛围。 · 使用无衬线正文字体，确保清晰、现代的可读性。 · 大写标签采用宽松的字间距，以体现高端美学。

大量留白，以凸显品牌的高端、无杂乱感。

极简，主要通过细线或摄影边缘来界定。

elevation-1: 0 4px 24px rgba(0,0,0,0.08)

全出血摄影搭配极简的UI覆盖层。

模态框与图像画廊使用平滑的淡入效果。

文本链接的微妙颜色变化或下划线。 · 即时反馈，视觉干扰最小化。

• button 极简的文本链接，配以箭头或细边框，偶尔使用实心黑色/白色作为行动号召按钮。
• card 文字与摄影无缝融合，通常无圆角边框。
• chip 小型的大写文本标签，用于导航分类。
• input 简洁的底部边框文本框，用于电子邮件订阅。
• hero 全屏图像，叠加排版文字和一个主要行动号召按钮。

• 语气 宁静、权威且富有格调。
• 标题风格 使用衬线字体的短促、富有感染力的短语。
• 按钮文案 直接而低调，常使用箭头指示。

• 避免使用攻击性的销售文案——示例截图显示的是平静、描述性的文本。
• 避免依赖明亮的强调色——示例截图显示的是严格的中性配色方案。
• 避免使用厚重的投影——示例截图显示的是扁平、干净的界面表面。
• 避免使用复杂的几何图案——示例截图显示的是干净、以摄影为主导的布局。
• 避免用过多按钮使界面杂乱——示例截图显示的是极简的、基于文本的导航。
• 避免使用大圆角——示例截图显示的是模态框与图像采用的锐利边缘。
• 避免: 攻击性的营销语言。
• 避免: 杂乱的布局。
• 避免: 刺眼或人工感强的配色方案。
• 避免: 复杂的几何图形。