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为每个操作均提供文字标注,包括搜索和购物车