Dyson

暖白色基底、细线分隔与网格布局。
页面以暖白色为基底,搭配深灰色文字。局部操作控件以蓝色强调。字体采用 DysonFutura。视觉特点包括细线分隔、网格布局、宽松留白、摄影展示。适合参考的场景:品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 使用#fff8e6奶油色作为页面画布——绝不以纯白色作为基础表面;温暖的偏色是系统的标志性特征。
- 所有标题和展示文本均使用DysonFutura 300字重——轻声细语的字重是刻意打破常规的选择。
- 按钮和徽章转角半径保持精确为2px——接近锐利的转角强化了精密工程品牌的特质。
- 不同表面之间使用1px #ebebeb细线分隔,而非阴影——设计采用平铺色块,不依赖立体感。
- 仅使用#79b928用于填充促销按钮,搭配白色文本和2px转角半径。
- 每页均以全黑#000000页眉条锚定——黑色横梁是所有屏幕中的结构常量。
- 公告条、价格值和内联链接使用#0066cc——这是系统中唯一的彩色表面处理。
建议避免
- 不要使用#ffffff作为页面背景——始终使用温暖的奶油画布(#fff8e6);纯白色会破坏画廊布景的氛围感。
- 不要为卡片、图片或按钮添加阴影——表面保持平面;结构来自色彩对比和细线。
- 不要引入除蓝色(#0066cc)和绿色(#79b928)之外的第三种强调色——系统在设计上仅使用1%的色彩饱和度。
- 不要在任何元素上使用超过8px的圆角半径——按钮保持2px,图片为8px,绝不出现更圆的转角。
- 不要使用高于500的字重——字体系统最高为中等字重;过重会破坏几何风格的轻盈感。
- 不要在任何表面放置渐变背景、 带淡色的 覆盖层或装饰性色彩晕染 — 色彩搭配完全是扁平的。
- 不要用颜色来表示导航项的激活或选中状态——系统依赖空间位置,而非色彩反馈。