Woven

暖白色基底、细线分隔与宽松留白。
页面以暖白色为基底,搭配近黑色文字。字体采用 Spezia Semi-Mono、Spezia Medium。视觉特点包括细线分隔、宽松留白、单栏阅读排版、扁平表面。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 每个主要分区画布使用 Parchment Cream(#eeede5),纯白(#ffffff)仅用于产品卡片表面和一两个对比分带。
- 全部正文与界面文字使用 Spezia Semi-Mono,14–15px;大写标签 letter-spacing 为 0.063–0.094em,导航与标签文字为 0.121–0.167em。
- 所有卡片、产品框、页脚线和链接下线等边框都采用 1px #232323 细线,不使用其他边框色。
- 卡片、按钮、标签、输入框和图像的圆角保持 0px;体系依靠尖角,而非曲线。
- 分区标题采用居中大写的 14px Spezia Semi-Mono,让 40–60px 纵向空间完成视觉分隔。
- 全部展示标题与字标采用 32px+ Spezia Medium,它是体系唯一非等宽字体。
- 多词链接按每行一个词堆叠成列,在页眉与页脚形成编辑式列节奏。
- 让产品摄影提供所有彩色,不引入彩色强调、渐变或品牌色。
建议避免
- 不添加彩色强调、渐变或品牌填充;体系有意保持 0% 彩色。
- 卡片、按钮、输入框或图像不加圆角;0px 是有意选择,并定义编辑印刷外观。
- 不使用 box-shadow、drop-shadow 或模糊;表面仅通过颜色与细线边框分隔。
- 正文段落不使用粗体 700 字重;700 仅留给等宽文字块中的简短强调。
- 标题不与正文一起左对齐;分区标题始终居中,上下留出充裕纵向空间。
- 不引入填充、双色或彩色图标体系;图标仅为单一粗细的 1.5–2px #232323 线条。
- 文字不直接放在产品照片上,底下须有奶油或白色表面;可读性需要实色层。
- 字标或分区开篇不使用低于 32px 的展示尺寸;字体尺度的权威来自小尺寸的克制与大尺寸的宽松。