SquadEasy

浅橙色基底、大字排版与居中构图。
页面以浅橙色为基底,搭配近黑色文字。局部操作控件以黄绿色强调。字体采用 Medium、SquadEasy Black (custom display)。视觉特点包括大字排版、居中构图、网格布局、摄影展示。适合参考的场景:SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 使用桃色 #e1c19 作为每个满幅或区块背景的底色——它是系统的标志性表面
- 所有按钮、标签和导航胶囊均使用 100px 车轮半径——锐角会破坏手账风格
- 在 SquadEasy Black 字体中设置展示标题,字号范围为 50-110px,行高 0.87-1.00,字间距 -0.025em 到 -0.032em
- 将 #e4ff60 绿色专用于主要填充式 CTA——系统中不存在其他填充动作色
- 在首屏区域组合中,将 Polaroid 相片卡片置于轻微旋转角度(-8° 到 +8°)以保留手缝感
- 所有正文、导航和按钮文字的字间距均设为 -0.014em 到 -0.018em——即使在 14px 字号,文字也保持视觉紧凑
- 所有文本链接及其下划线使用 #6fb853 藤绿,从不使用蓝色——藤绿是导航的强调色
建议避免
- 不要使用白色 (#ffffff) 作为页面画布——桃色底面是系统的身份层
- 不要引入额外的填充式 CTA 颜色——绿色是唯一的主行动色;其他均为透明描边或轮廓状态
- 不要使用系统字体(Arial、Helvetica)用于展示标题——压缩版 黑色 字体在 0.87 行高下才是品牌声音
- 正文文字行高不要超过 1.21——系统依赖紧密的垂直节奏
- 不要为薰衣草色或白色卡片添加阴影——系统依赖于与桃色底面的平面色彩对比,而非立体感
- 不要将洋红色 #ea5da3 用于除标题内单个强调词之外的任何用途——作为正文颜色时会失去冲击力
- 不要对按钮或卡片进行方形处理——系统仅使用 100px 和 14px 半径的形状