Apple (España)
画廊展示场景在清晨雾气中
Symbol Audio
暮色中的中世纪听音室
Symbol Audio 是一个深森林绿的展厅，用于展示手工打造的音频家具——背景是博物馆标签字体的天鹅绒墙。整个站点以单一深绿（#1c3c27）为基调，同时作为画布、品牌标识和操作边框，奶油骨色卡片如展览说明牌般漂浮其上。两种定制衬线字体（Chalet-LondonSixty、Chalet-NewYorkSixty）承载所有产品文案、导航和正文内容，搭配锐利的几何无衬线字体（SupremeLL-Bold）用于展示场景和标题——圆润衬线字体的温暖感与冷峻几何粗体之间的对比，构成了整体风格。底部设置一条连续运行的横幅，首屏区域的展示标题巨大到溢出视口边缘。
查看原始网站使用规范
建议采用
- 每个区块带使用 #1c3c27 作为画布底色——整个站点都沉浸于这一种颜色之中，区块之间的过渡完全不可见。
- 搭配Chalet衬线字体用于所有正文、导航、价格和标签，搭配SupremeLL-Bold用于所有标题——绝不混用角色。
- 将产品卡片背景设为 #fffffd（霜白），圆角 0px，搭配细线 #dfe2e5 边框——卡片是说明牌，而非瓷砖。
- 为每个徽章、标签和胶囊按钮使用9999px圆角——其他所有地方均保持锐利的边角。
- 将展示标题锚定在左侧边缘，并设置为大字号（52–80px），在 SupremeLL-Bold 字体中使用 -0.02em 字间距。
- 将公告横幅固定在视口底部边缘，填充深绿——它永不滚动消失。
- 正文使用 #000000，卡片使用 #dfe2e5，始终保持 16:1 以上的对比度。
建议避免
- 不要引入填充实色按钮——本系统仅使用空心/透明描边操作。
- 不要使用蓝色（#447cf0）或红色（#c72a00）作为功能 UI 颜色——它们仅作为装饰性摄影元素。
- 不要为产品卡片或首屏图片添加圆角——除徽章和胶囊按钮外，整个系统均保持锐利边缘。
- 不要将正文文本设置为 SupremeLL-Bold——无衬线字体仅用于展示和标题。
- 不要为卡片或图片添加阴影（box-shadow 或 drop-shadow）——表面为平面，对比来自色彩而非层次。
- 不要使用纯 #ffffff 作为表面或文本颜色——系统使用 #fffffd（霜白）和 #dfe2e5（灰铜色）作为最亮的色调。
- 不要破坏横幅的连续性——公告横幅始终存在，始终固定，始终为深绿配灰铜色。
