Sigmaphoto 网站预览
Sigmaphoto 网站预览

Sigmaphoto

浅色基底、衬线字形与居中构图。

页面以浅色为基底,搭配深灰色文字。字体采用 Sigma Sans、Sigma Serif Head。视觉特点包括衬线字形、居中构图、大幅摄影展示、渐变展示。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 仅在主要操作按钮上使用#0048ff——它是系统唯一的色彩语调,若用于其他任何元素,其表现力将完全丧失
  • 所有标题均设为400字重——该网站没有粗体字重,添加粗体会破坏整体的静谧氛围
  • 将Sigma Serif Head用于展示,搭配Sigma Serif用于正文——衬线字体到衬线字体的连贯性是该网站的排版标志,而非无衬线到衬线的转换
  • 在满幅图像带与居中文本块之间至少保留80px的垂直呼吸空间
  • 使用温暖的米白色#faf7ef作为次级表面,替代灰卡——它比灰色更温暖,也比白色更具辨识度
  • 保持边角锐利:所有卡片、按钮和图片的圆角均为0px;表单输入控件最大为1px
  • 将部分标签(13px大写,#707070,0.08em字间距)作为排版分隔线置于内容区块之间,而非使用可见线条

建议避免

  • 除#0048ff外,不得引入任何其他颜色作为强调色——0%的色度是设计的核心
  • 任何字体均不得使用粗体或中粗字重——所有角色统一采用400字重,是刻意为之,而非退而求其次
  • 卡片或按钮不得添加阴影——扁平化系统依赖留白和边框实现分隔
  • 任何元素的圆角均不得超过1px——锐利传达精确性与工程感
  • 按钮、背景或叠加层不得使用渐变——唯一渐变是产品背后摄影工作室的背景渐变
  • 同一页面不得放置多个不同颜色的CTA按钮——每个视图最多一个蓝色按钮
  • 导航中不得使用仅图标按钮——Sigma为每个操作均提供文字标注,包括搜索和购物车