Streamtime 网站预览
Streamtime 网站预览

Streamtime

暖白色基底、胶囊形控件与紧密字距。

页面以暖白色为基底,搭配近黑色文字。字体采用 Ease Standard、Ease Display。视觉特点包括胶囊形控件、紧密字距、细线分隔、扁平表面。适合参考的场景:SaaS 产品官网、功能介绍页。

查看原始网站

使用规范

建议采用

  • 将太阳黄(#ffde3b)作为唯一填充的主行动按钮颜色——它承载了整个系统的转化层级。
  • 所有排版层级均通过尺寸和字间距实现,绝不可通过字重——Ease 两个字体家族均仅支持 400 字重。
  • 为所有卡片、标签及矩形元素设置 5px 半径;仅将 96-160px 的胶囊半径保留用于按钮和导航控件。
  • 让温暖的亚麻画布(#f1e8de)自然呼吸——避免在可能位于奶油色背景上的区块中添加背景色。
  • 使用强调色(粉红、青柠绿、紫罗兰、绿)作为装饰边框、形状填充和卡片背景——绝不可用于文本或主要行动。
  • 每页放置一个炭黑(#2f2c29)深色编辑区以维持节奏,搭配全色谱强调色的拼贴形状进行装饰。
  • 展示文本设置为 68-100px,行高 1.0,字间距 -0.014em 至 -0.060em——紧密的字间距是系统呈现编辑风格的关键。

建议避免

  • 不要引入粗体或中等粗体字重——两个字体家族均不支持;系统刻意保持 400 字重。
  • 不要将热粉红、青柠爆裂、紫罗兰用作主要 CTA 填充色——它们是装饰性强调色,而非行动色。
  • 不要在卡片或内容区块上添加投影阴影——系统仅在导航和浮动面板中使用色调渐变表面与暖调阴影。
  • 不要在温暖画布上使用纯白(#ffffff)作为卡片表面——应使用纸白(#fbf8f5)以维持类似纸张的色调过渡。
  • 不要对卡片或图片应用大半径圆角——5px 为结构半径;胶囊形状仅限按钮使用。
  • 不要连续堆叠多个深色区块——每页仅一个炭黑区块,其余部分以温暖明亮区域包围。
  • 不要在正文或大区域使用蓝色/冷色调——色彩体系以暖色为主,仅紫罗兰作为单一冷色强调。