v1 的问题:导航 hover 和引用块那种几十像素的地方塞了 69 条色带,条纹糊成了噪点。Paul Smith 实物早就给了答案:polo 领口滚边、围巾下摆,小尺寸位置只出现三到七条读得出来的色带。条纹要跟尺寸换分辨率,这一版全站按这条法则重排,然后在他的语法上往外长。
判断标准只有一条:这个尺寸下,单条色带还能不能被眼睛读出来。读不出来就降一档。
导航 hover 现在是 L2 截取窗,而且每个菜单项分到 master 上不同的一段,试试从左到右挨个 hover,七个词是七段不同的条纹。页脚链接同理。
平时它只是一条 2px 的酒红单带:Q3 放量计划,hover 的瞬间展开成 5px 三带 trim。默认状态越安静,hover 的那一下才有"打开内衬"的惊喜。重点数字照旧金色高亮:4.31。
Colour is three-dimensional and so by creating the stripes by hand you can see the colours at their most vivid. Paul Smith
v1 用的是 69 带竖排,在 4px 宽度里全糊了。现在是黄绿 / 酒红 / 石油蓝三段,每段约 8px 高度差,一眼三色。
以下四个玩法 Paul Smith 官网上没有,但每一个都严格长在他的语法里:节奏不变、克制不变、直角不变。
不再把整条条纹到处贴,而是把它当一卷布:每个组件从上面剪一段自己的窗口。七个导航项、三张卡片、五个页脚链接,各持一段,合起来才是完整的 master。识别度是拼图式的。
条纹的本质是"比例 + 相邻对比",这正好是数据。渠道占比按真实比例渲染成色带,宽窄节奏由数据决定,颜色从 master 单带借。装饰和信息合成一件事。
柱状图每根柱子借一条色带,hover 会轻微伸长。图表不再需要独立配色方案,条纹就是图表的调色板。
最彻底的扩散:宽度节奏一根不动(69 band、1:14、酒红位做锚),但颜色全部换成自己的 DNA:暖米中性色系(Oura 报告的底色)、主锚换成 Scoutlite 橙、冷区用森林绿和石油蓝。远看还是"那种条纹",近看已经完全是 66a 的了。
这是长期正确答案:网站真要上线,用这条而不是原版,识别度归自己,语法致敬他。
唱片维持 L3 全彩(170px 直径够大),进度条降到 L2 截取窗。规则不变:同屏只许一个条纹在动。
同一套节奏四种音色,方案不变;wiki 建议直接换用 66a 原创色序做旗舰。
66a original 全彩旗舰
Tonal Blue, 数据站
Tonal Green
Artist Stripe, 对外交付