App Forhims

一家高端健康精品店，兼具临床感与舒适感。

洁净的白色空间为布局奠定基础，柔和渐变和独特的靛蓝强调色在不破坏宁静氛围的前提下，提供了视觉趣味。

transitional-serif · humanist-sans · monospace

• display64px · 500
• heading-132px · 500

标题使用过渡衬线字体，营造高端、编辑感。 · 正文和界面元素使用清晰的人文主义无衬线字体，确保可读性。 · 展示衬线体与正文无衬线体之间的高对比度，营造出现代、平易近人的基调。

一致、充裕的间距强化了布局的宁静、整洁和高端感。

使用细微、近乎不可见的边框来定义容器，避免增加视觉重量。

0 4px 24px rgba(0, 0, 0, 0.06)

移动端采用居中单栏布局，桌面端扩展至最大宽度容器，保持清晰的垂直轴线。

内容加载时采用平滑淡入效果。 · 滚动时使用细微视差效果。

交互元素上的细微颜色变化或阴影提升。 · 通过轻微缩放或颜色变化提供即时视觉反馈。

• button 胶囊形按钮，采用纯色背景和清晰排版。
• card 卡片采用柔和圆角和细微投影，通过图像和排版而非厚重边框来呈现。
• chip 胶囊形分类标签，采用细微背景色用于筛选。
• input 简洁、圆角的输入框，带有细微边框和充足内边距。
• hero 大型居中标题，搭配醒目的设备模型和柔和渐变背景。

• 语气 自信、平易近人、令人安心。
• 标题风格 简短、有力、以收益为导向（例如，“Total care. Totally different.”）。
• 按钮文案 直接、以行动为导向、低摩擦（例如，“Download now”）。

• 不要使用刺眼、明亮的原色——截图显示的是带有柔和靛蓝强调色的柔和调色板。
• 不要使用强烈的投影或厚重边框——截图显示的是细微阴影和近乎不可见的线条。
• 不要在正文或次要界面元素上使用全大写——截图显示的是标准句子大小写。
• 不要用过多元素挤满布局——截图显示的是充足的留白和单一焦点。
• 不要在交互元素上使用尖锐的方形圆角——截图显示的是圆角和胶囊形按钮。
• 不要对所有文字都只使用无衬线字体——截图显示主标题使用了独特的衬线字体。
• 避免: 临床术语
• 避免: 过于激进的销售语言
• 避免: 杂乱的视觉元素