Postevand

白色基底、大幅摄影展示与渐变展示。
页面以白色为基底,搭配近黑色文字。字体采用 Nimbus Sans D OT、Helvetica。视觉特点包括大幅摄影展示、渐变展示、紧密字距、细线分隔。适合参考的场景:品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 每个交互元素和卡片都采用0px border-radius;系统像建筑般锐利,而非柔软。
- 正文采用Nimbus Sans 400、16px,导航和元数据为12px全大写,letter-spacing为0.01em。
- 所有边框、文字和填充按钮都使用#000000,绝不要为结构引入第二种颜色。
- 页面分区通过1px黑色细线网格分隔,而非背景色变化或仅依靠留白。
- 品牌文字标志采用Nimbus Sans 700、56–80px和-0.01em字间距,作为构图元素,而非仅仅一个标志。
- #f0f1ef(Bone)是卡片和次级面板唯一的非白色表面色调。
- 主要操作按钮内边距设为纵向20px × 横向67px;宽松横向内边距使按钮像印刷标签。
建议避免
- 不要引入任何彩色;系统刻意保持0%色彩丰富度,任何色相都会破坏画廊美学。
- 卡片、按钮、输入框或图像的border-radius不要大于0px;锐利感是系统身份。
- 不要添加box-shadow或抬升效果;white → bone → black表面叠层只通过色调对比传达深度。
- 展示或编辑式文案不要使用第二种字体家族;Nimbus Sans承载全部语气。
- letter-spacing不要高于0.01em或低于-0.01em;字间距保持紧密且受控。
- 不要创建彩色悬停、聚焦或激活状态;白底黑字二元配色是唯一的状态系统。
- 不要使用渐变、装饰背景或纹理表面;系统平面且具有印刷感。