Palmer

暖白色基底、大字排版与紧密字距。
页面以暖白色为基底,搭配近黑色文字。字体采用 TWK Lausanne。视觉特点包括大字排版、紧密字距、细线分隔、宽松留白。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 每页背景使用 #f5f6ee,绝不纯白;它衬托陶瓷并传达编辑语气。
- 所有边框设为 1px solid #222222,细线是系统唯一结构分隔。
- 编辑展示标题达到 120px,字重 300,字间距 -0.04em,极端尺度是品牌声音的一部分。
- 100px 圆角只用于胶囊形切换、筛选小块、缩放按钮;卡片 9px,其他一切 3px。
- 展示文字与大标题使用字重 300–400,600–700 只留给激活或选中状态。
- 交互元素保持在视口边缘,如顶部中央切换与底部中央控制栏,让中心为产品影像留空。
- 所有 11–16px 正文字号使用 -0.02em 字间距,字号放大时继续收紧。
建议避免
- 不要引入任何彩色强调,陶瓷提供全部色彩,界面保持灰度。
- 卡片、按钮或导航不要添加投影,只有边框定义深度。
- 圆角不要高于 100px 或低于 3px,3px、9px、100px 三档就是完整系统。
- 展示字号不要用字重 600+,会压过 120px 档位的低声超细标志。
- 文字不要用纯黑 #000000,文字色是 Ink #222222;黑色留给填充激活状态。
- 产品摄影后的主画布不要添加背景色,平面奶油色不可妥协。
- 字间距不要设为 0 或正值,所有文字都用负字间距。