Slush

白色基底、错落拼贴与非对称构图。
页面以白色为基底,搭配近黑色文字。字体采用 Lateral、Aeonik Pro。视觉特点包括错落拼贴、非对称构图、大字排版。适合参考的场景:技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 任何展示标题用 Lateral 800,200–640px,行高 0.75–0.80,压缩行高对雕塑文字效果不可妥协。
- Electric Blue、Mint Pop、Lavender、Ember、Sunburst、Voltage Violet 六色贴纸色板作为共享组,每屏用多色,绝不挑一个作为唯一强调。
- 所有交互元素,如导航、按钮、卡片,用 1px solid #000000 边框,手裁轮廓是视觉语言的一部分,而非回退。
- 导航、按钮和标签圆角 1600px 胶囊形,卡片 20–40px,柔软是默认。
- 每个展示标题配 3D 蓝丝带或贴纸组,展示文字绝不独自在平背景上。
- 所有导航、按钮和大写标签用 Aeonik Pro 700,字间距 0.030–0.032em,让胶囊控件有呼吸空间。
- 区块背景在 #dceeff、#ffffff、#cccccc 间交替,不用分割线或阴影也能建立可见滚动节奏。
建议避免
- 卡片圆角不要低于 16px,按钮或标签不要低于 1600px,尖角会破坏柔贴纸册感。
- Lateral 展示文字行高不要超过 0.85,压缩行高让文字是雕塑,而非普通排版。
- 蓝色 #4da2ff 不要作为行动填充或链接色,它是装饰与品牌表面色,而非操作色,行动按钮只用黑填充或黑轮廓。
- 卡片、按钮或表面不要添加 box-shadow,浮起由色带与黑轮廓传达,绝不靠阴影。
- 绿色 #55db9c 不要作为成功状态色,它是贴纸强调,而非语义状态,留给装饰或勾号贴纸。
- 页面 max-width 不要低于 1280px,充气展示文字与 3D 丝带需要水平呼吸空间。
- 任何地方不要用渐变,3D 丝带承载全部立体重量,平面填充保留贴纸与纸美学。