Intra
白色基底、大字排版与网格布局。
VISIONNAIRE
白色基底、大幅摄影展示与胶囊形控件。
页面以白色为基底，搭配近黑色文字。字体采用 PP Neue Montreal。视觉特点包括大幅摄影展示、胶囊形控件、细线分隔、宽松留白。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 所有UI标签和标题使用 PP Neue Montreal（或 Inter/Space Grotesk 替代字体）500字重，标题使用700字重——禁止混合使用第二套字体家族
- 所有UI文本设置为大写，字间距为0.04-0.10em——字间距即为品牌语气
- 所有按钮、徽章及胶囊形交互元素使用50px圆角半径
- 使用奶油色 Vellum（#f7f5e8）用于色块化编辑面板——它是唯一非纯黑或纯白的表面
- 在白、奶油、黑背景之间交替，间距为30-35px——禁止使用阴影来制造区块间深度
- 产品卡片保持无边框、无阴影，图像圆角半径为15px——深度来自图像与画布的对比，而非抬升效果
- 采用反向字间距规则：文本越小，字间距越大（10px时为0.10em，45px时为0.016em）
建议避免
- 任何UI中禁止引入超出 Obsidian、Bone White、Vellum Cream、Charcoal、Pewter 和 Dahlen Rust 的色彩——该系统在设计上为0%彩色
- 任何组件禁止使用投影阴影——该系统刻意保持平面
- 任何UI标签中禁止使用小写文本——所有标签均为大写并带有字间距
- 不要使用带有白底白边的卡片堆叠——应使用 1px Obsidian 细线或依赖 Vellum 暖奶油表面进行分隔
- 禁止添加渐变、模糊或玻璃态效果——品牌应读作纸面墨水，而非玻璃UI
- 禁止在图像上使用小于15px的圆角，或在按钮上使用小于40px的圆角——该系统为胶囊圆角或柔和圆角，绝非锐角
- 禁止为正文或描述引入第二套字体——PP Neue Montreal 满足所有字重和字号需求
