Acme Cups New Zealand

浅灰色基底、渐变图像与大幅摄影展示。
页面以浅灰色为基底,搭配近黑色文字。字体采用 Helvetica Neue。视觉特点包括渐变图像、大幅摄影展示、宽松留白。适合参考的场景:品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 系统中的所有圆角都设为 3px,包括按钮、卡片、输入框、标签和徽章。这种小幅圆角是定义系统身份的重要选择。
- 主要结构边框使用 1px 的 #000000 实线,次要或装饰性边框使用 1px 的 #c3c3c3 实线。不要用阴影来分隔。
- 所有小于 14px 的界面标签,包括导航、按钮、徽章和标签,都采用全大写,字间距为 +0.015em 至 +0.020em。
- 整个界面保持无彩色,只使用 #000000、#fefefe、#e3e2e2、#c3c3c3、#aeaaaa、#666666。产品摄影是唯一的颜色来源。
- ACME 文字标志使用 148px、字重 700,作为系统的主要展示。不要将其设为小于 48px,也不要改变字重。
- 在按钮标签后添加“→”,例如“SHOP NOW →”,作为统一交互提示。不要使用单独的箭头图标。
- 产品图像放在 #fefefe 表面上,周围留出充足空白,并用 1px 边框围住。产品是主角,卡片只是框架。
建议避免
- 不要添加投影、内阴影、发光或任何悬浮效果。这套设计刻意保持平面感。
- 不要引入强调色、品牌色相或渐变。唯一的彩色界面元素是 #9b1b01 错误边框,其余全部为灰阶。
- 圆角不要大于 3px。圆润形态、胶囊或大圆角都会破坏建筑式系统。
- 导航、按钮、徽章、产品名称和品类标签不要使用句式大小写,始终采用全大写。
- 界面只使用 Helvetica Neue 或系统备用字体。不要使用展示字体、衬线字体或手写体。
- 正文或长篇文案不要居中。左对齐强化编辑图录或专著般的节奏。
- 除了“→”和“←”箭头字形,不要使用其他图标。不要使用社交图标、装饰性图标或实心图标集。