Bécane

近白色基底、大幅摄影展示与大字排版。
页面以近白色为基底,搭配近黑色文字。字体采用 Eurostile Becane。视觉特点包括大幅摄影展示、大字排版、细线分隔、网格布局。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 在8px字号、0.04em字间距下使用 Eurostile Becane 作为导航、按钮、计数和页脚链接的通用标签字号
- 所有边框保持为0.5px实线#e6e6e6——永不使用box-shadow,永不使用1px以上的笔触
- 所有交互元素的圆角设为0px;唯一允许的圆角是站点自定义的--inner-border-radius,用于内嵌切口,且不可见
- 每个视口仅保留一个#ff0000作为强调表面;其余页面保持无彩色
- 让产品摄影主导布局节奏——空间元素均匀分布于全视口,而非受限于固定网格列
- 30px字标行高设为1.0,8px标签行高设为1.1–1.2——紧凑字间距强化了画廊展板的氛围
- 在分类页面将元信息条(计数+次要操作)锚定于视口底部
建议避免
- 按钮永不添加背景填充、渐变或悬停色变化——按钮保持透明描边状态
- 永不引入彩色的行动按钮;#ff0000仅作为表面强调色,不用于操作
- 卡片、图片或按钮永不圆角——锐利的0px边框定义了整体美学
- 永不使用小于12px或大于30px的正文字号;尺寸刻意保持狭窄
- 永不使用叠加(box-shadow、drop-shadow)——系统为平面,依赖细线边框构建结构
- 链接状态永不通过颜色标识;依赖位置、字重或灰调#b2b2b2进行弱化处理
- 产品行永不被限制在居中最大容器内——图片应自由延伸至边缘