ALIGNE

白色基底、等宽字体与网格布局。
页面以白色为基底,搭配近黑色文字。字体采用 GT America Mono、Nimbus Sans Extended。视觉特点包括等宽字体、网格布局、大幅摄影展示。适合参考的场景:品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 所有组件,包括卡片、按钮、徽章、图像和输入框,都采用0px border-radius,清晰直角是默认形态。
- 任何40px及以上标题都采用Nimbus Sans Extended和≥4px letter-spacing;宽字间距是品牌身份不可更改的要求。
- 所有正文、导航、按钮、徽章和价格文字都采用GT America Mono;等宽字体是系统结构骨架。
- 主要填充操作采用#24170f,其上文字#ffffff,不使用其他按钮背景色。
- #0073ff只保留给“NEW IN”徽章边框和文字,绝不要用于按钮、链接、标题或大面积表面。
- 产品摄影以0px圆角在容器内铺满全宽,没有圆角裁切、图像边框或图像阴影。
- 所有UI文字都采用全大写,包括导航项、按钮、分区标签和页脚链接;句首大写会破坏系统排版逻辑。
建议避免
- 任何元素的border-radius都不要大于0px;系统刻意保持清晰直角。
- 正文不要使用无衬线比例字体;GT America Mono是唯一正文字体,切换为比例无衬线会抹去系统身份。
- 按钮只采用#24170f填充,或透明加白色边框的样式;不使用蓝色按钮、红色按钮或渐变。
- GT America Mono正文的字间距不要低于0.01em;正letter-spacing是等宽感不可缺少的部分。
- #0073ff不要用于大于徽章的内容;它是10–12px强调,而非表面色或CTA色。
- 不要添加卡片阴影、悬浮面板或抬升弹窗;系统平面,所有内容都平贴白色或温暖炭灰表面。
- 不要使用插画、微小单色轮廓之外的图标或装饰图形;摄影与文字是唯一视觉语言。