Repeat

暖白色基底、细线分隔与满幅色块。
页面以暖白色为基底。字体采用 Poppins、Montserrat。视觉特点包括细线分隔、满幅色块、扁平表面、网格布局。适合参考的场景:SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 仅将高亮青柠色(#f5ff7d)用作满幅区块背景——绝不可用于文字、边框或按钮填充
- 所有章节标题使用大写 Poppins 600,字号 29–37px,行高 1.20,构成编辑类标题堆叠
- 所有内容卡片统一圆角 25px——25px 圆角是系统的标志性特征
- 搭配填充黑色的胶囊形 CTA(墨色背景,100px 圆角)与白色 CTA 卡片置于青柠色背景上,作为主要行动模式
- 使用 1px 墨色边框替代阴影以分隔卡片与画布
- 切换章节背景色(青柠 → 奶油 → 白色 → 紫罗兰)以在内容区块间建立视觉节奏
- 正文使用 Montserrat 400,17px 字号,行高 1.50——绝不低于 15px
- 文字链接使用墨色下划线,不添加其他装饰
建议避免
- 禁止将高亮青柠色用于文字、边框、图标或按钮填充——它仅是表面色彩
- 禁止使用彩色按钮(蓝色、绿色、红色)——所有操作仅使用墨色填充或纸张描边
- 禁止使用比 rgba(0,0,0,0.01) 更重的阴影——系统刻意保持扁平
- 禁止引入第三种字体——系统严格限定为 Poppins 与 Montserrat
- 禁止在卡片或图片上使用锐角——表面圆角最小值为 20–25px
- 禁止将主要 CTA 按钮直接置于青柠色背景上——必须先用白色卡片包裹
- 禁止标题行高小于 1.30——紧凑的编辑式堆叠是系统特征
- 禁止使用渐变——Repeat 是扁平色彩系统;唯一的色调变化是实体色的替换