Alveos One 网站预览
Alveos One 网站预览

Alveos One

白色基底、大幅摄影展示与渐变展示。

页面以白色为基底,搭配近黑色文字。字体采用 Hanken Grotesk、System Sans。视觉特点包括大幅摄影展示、渐变展示、居中构图、圆角卡片。适合参考的场景:健康产品介绍页、服务展示页。

查看原始网站

使用规范

建议采用

  • 所有图像卡片、功能卡片和照片容器都使用25px border-radius;它是主导圆角几何,定义柔软高级感。
  • 主要操作按钮采用Nightshade Black #05060b填充、白色文字和12px圆角,绝不引入彩色CTA。
  • 所有正文分区的页面画布设为Linen Canvas #fcf9f7,Bone White #ffffff只作为抬升卡片表面出现。
  • 全部主要排版采用Hanken Grotesk,并启用blwf、cv03、cv04、cv09、cv11定制OpenType特性,以保留编辑式字形。
  • 10–12px小型全大写标签采用0.4440em letter-spacing;宽字间距是品牌语气的标志性元素。
  • 温暖径向渐变Linen Canvas → Clay Shadow只用于首屏聚光,不复用于内容分区。
  • 阴影保持几乎不可见,以低模糊半径使用rgba(0,0,0,0.05–0.08);抬升应通过对比和圆角暗示,而非投影分量。

建议避免

  • 不要引入任何彩色;系统刻意为0%色彩丰富度,任何饱和色相都会破坏健康美学。
  • 功能卡片不要采用锐利0px直角或4px小圆角;25px让图像像水疗产品摄影。
  • 不要使用蓝、绿、红等品牌色CTA;近黑填充按钮是刻意的反常规选择,传达高端健康产品,而非SaaS。
  • 不要使用厚重或多层阴影;设计依靠唯一淡阴影,或完全没有阴影。
  • 整站不要使用多个渐变;径向首屏渐变是唯一渐变,内容分区保持平面。
  • Hanken Grotesk不要与几何或窄体展示字体配对;品牌语气建立在单一grotesque家族的不同字重上。
  • 长正文段落不要居中,居中只用于标题、首屏文案和单行元数据;卡片与分区中的正文仍应左对齐。