Payments
近白色基底、圆角卡片与紧密字距。
8returns
明暗对比、宽松留白与居中构图。
页面兼有浅色与深色区域。字体采用 roobert。视觉特点包括宽松留白、居中构图、网格布局、大字排版。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 任何屏幕上最重要的唯一操作采用#cfff69青柠填充和#051923文字；青柠绝不用于次级按钮、标签或装饰。
- 首屏和任何深色分区背景设为#051923，而非#000000；冷青绿底调是品牌标志性的深色。
- 所有按钮和胶囊控件都使用32px border-radius，以维持“胶囊按钮加单色”的标志性特征。
- 卡片采用16px border-radius，输入框12px，标签6px；三种圆角定义表面层级，不能互换。
- 白色产品分区保持#eef0f2 Steel Mist画布，绝不用纯#ffffff页面背景；画布始终为米白。
- 48px+标题行高设为1.07–1.16，形成紧密、建筑式叠排；展示字号绝不要使用正文行高。
- Cobalt Iris #6289ff只用于白色分区内部的标签、图标和小型行内强调；它不是CTA色，不得作为按钮填充。
建议避免
- 不要同时使用多种鲜亮强调色；系统是藏青色、白、灰的单色，加严格一种青柠与一种钴蓝鸢尾，没有更多颜色。
- 白色产品画布后方没有深色画布时，不要放青柠或钴蓝；强调通过对比成立，而非孤立成立。
- 文字或背景不要采用纯#000000；#051923是品牌近黑，带有定义系统的冷青绿底调。
- 功能卡片不要采用阴影；卡片通过1px边框和Steel Mist画布分隔，阴影只留给首屏产品框架和悬浮元素。
- 同类组件不要混用圆角，按钮始终32px胶囊、卡片16px、输入框12px、标签6px。
- 不要使用超过一个字体家族；roobert是唯一语气，系统任何地方都不采用衬线、等宽或手写。
- 页面背景不要设为#ffffff，画布始终#eef0f2；纯白只留给需要从画布中凸显的卡片表面。
