Upstash

白色基底、胶囊形控件与大字排版。
页面以白色为基底,搭配深青绿色文字。字体采用 Inter、Inter Tight。视觉特点包括胶囊形控件、大字排版、紧密字距、细线分隔。适合参考的场景:技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有正文和标题文本均使用 #022c22 Forest Ink(森林墨水)——切勿默认使用黑色或 #333
- 为所有按钮、导航链接和徽标标签应用9999px胶囊形圆角;胶囊形是系统的标志性形态。
- 展示标题采用128px及以上字号、Inter Tight 600字重,并使用Sunset Gradient填充。
- 不同区域之间使用 1px #e5e7eb 细线边框分隔,而非阴影或背景色调
- 将 #00bc7d Emerald Pulse(翠绿脉冲)作为唯一填充按钮颜色——其他绿色绝不可作为按钮背景
- 垂直方向上,区块间距保持在 64-96px 之间,以让大尺寸显示文本有呼吸空间
- 所有代码块使用 ui-monospace 14px,字间距为 -0.073em
建议避免
- 切勿使用 #000000 作为文本颜色——始终使用 Forest Ink #022c22 以维持有机的绿色温暖感
- 切勿为卡片、弹窗或导航添加阴影——该系统刻意保持平面化
- 切勿使用方形或中等圆角(8px)的按钮——所有操作必须使用胶囊形按钮
- 不要把Sunset Gradient用于小于48px的元素;这种渐变只在大标题尺度下有效。
- 切勿引入额外的强调色——该系统为单色绿色,仅保留红色用于 Redis 的特殊场景
- 切勿使用 Inter 作为显示标题——必须使用 Inter Tight 以实现压缩和紧密字间距的效果
- 切勿使用背景色色调来分隔区块——仅在白色和 #f5f5f5 之间交替