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 为结构半径;胶囊形状仅限按钮使用。
- 不要连续堆叠多个深色区块——每页仅一个炭黑区块,其余部分以温暖明亮区域包围。
- 不要在正文或大区域使用蓝色/冷色调——色彩体系以暖色为主,仅紫罗兰作为单一冷色强调。