AXEL ARIGATO

白色基底、细线分隔与大幅图像展示。
页面以白色为基底,搭配近黑色文字。字体采用 Helvetica Now。视觉特点包括细线分隔、大幅图像展示、摄影展示、网格布局。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 使用 Gallery White #ffffff 作为默认页面画布,服务与页脚区域保留 Butter Ticket #faedbc。
- 导航、功能链接及发现标签使用 HelveticaNowVar 字体,字号 13px,字重 520,字间距 0px。
- 保持界面控件透明,半径 0px;通过间距而非填充矩形来定义其点击区域。
- 使用 1px 实线 Rule Gray #e9e9e9 作为结构分隔线和静谧图像网格边界的分隔。
- 设定 16px 为内部及控件间默认间距,支持 4px、8px、12px、20px、24px、32px、40px 等增量值。
- 当用于多列活动网格时,编辑图像保持方形角,且彼此间距为 20px。
- 将 9999px 半径限制于浮动聊天启动器及类似孤立的浮动功能入口。
建议避免
- 不要引入 4px、8px 或 12px 的圆角卡片;标准内容表面使用 0px 半径。
- 不要使用填充黑色、彩色或渐变按钮进行公共导航,除非有明确的独立操作处理证据。
- 不要将 #aaaaaa 用于正文内容;仅保留用于非激活导航或禁用控件。
- 不要将界面元素设置大于已确立的 13px 系统,仅为了制造营销层级。
- 不要在页眉、图像模块、输入框或页脚容器上添加阴影。
- 不要用鲜艳的界面高亮替代 Butter Ticket #faedbc;它是唯一的重复色彩表面。
- 不要在活动摄影上使用圆角图像遮罩、柔和粉彩叠加层或装饰性背景渐变。