Cowboy
白色基底、胶囊形控件与紧密字距。
Raad Cycling
浅色基底、细线分隔与单栏阅读排版。
页面以浅色为基底。字体采用 Arial、Raad Display (custom geometric sans-serif)。视觉特点包括细线分隔、单栏阅读排版、网格布局、大幅摄影展示。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 基础只使用 #000000 和 #ffffff；每个分区都落在这两种表面之一，形成明确的编辑切换。
- 使用自定义品牌字体的所有文字，无论尺寸，都采用 0.1em letter-spacing，没有例外。
- 所有摄影都从边缘到边缘铺开，border-radius、内边距和阴影都为零，让图像延伸至视口边缘。
- 100px border-radius 仅用于幽灵描边按钮；每个交互元素都是带 1px 边框的透明胶囊形。
- 首屏标题使用最大展示尺度，即 50-54px Token 并放大至填满视口宽度，让文字而非图像担当视觉主角。
- 主要分区上下保持 120px 纵向内边距，形成画廊墙面的呼吸空间。
- 所有标题、按钮标签和导航项采用大写；体系中不出现句首大写形式。
建议避免
- 不要引入彩色、渐变或强调色；体系有意保持 0% 彩色，任何色相都会破坏画廊美学。
- 不要使用填充按钮或实色背景按钮；只允许幽灵描边按钮。
- 任何元素都不要使用 box-shadow、drop-shadow 或模糊；深度来自黑白交替，而非抬升。
- 图像或卡片不使用 border-radius；唯一圆润的元素是 100px 胶囊形按钮。
- 不要使用粗体或半粗体；自定义字体只有 400 字重，引入字重对比会破坏体系。
- 正文行高不要紧于 1.4；宽松行高使小号黑底白字保持可读。
- 不要添加装饰界面元素，如徽章、标签、胶囊、标签块或提示；体系有意只保留文字、摄影和细线边框。
