Peggy
近白色基底、细线分隔与宽松留白。
Jp
白色基底、居中构图与网格布局。
页面以白色为基底，搭配深灰色文字。字体采用 PP Neue Montreal、proxima-nova。视觉特点包括居中构图、网格布局。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 所有按钮、标签和徽章均使用100px圆角——胶囊形状不可妥协
- 保持界面灰度：文本使用#333333，表面使用#ffffff，交互状态填充使用#202020
- 所有正文和UI文本均使用PP Neue Montreal字体，字号13–14px，字重400–500
- 仅将#4177ff和#41a9ff用于类别徽章——禁止用于按钮、文本或边框
- 首屏标题精确设置为38px字重500，居中显示，最多两行
- 在3 列网格中，模板卡片之间保持一致的8px间距
- 任何细线分隔线或卡片边框均使用#e6e6e6——禁止使用更重的灰色
建议避免
- 不要引入彩色的行动号召（CTA）——唯一有填充的交互表面是#202020
- 按钮或徽章不要使用12px圆角；12px圆角仅用于卡片
- 卡片或按钮不要添加阴影——层级感由白底白字网格的视觉关系暗示，而非通过投影阴影
- 正文文本不要小于12px，且任何小于16px的文本都不应使用600字重
- 不要在字体之间切换，或在任何位置用衬线字体替代PP Neue Montreal
- 不要将蓝色或紫色用于文本、边框或图标笔画——彩色仅用于徽章填充
- 任何元素的圆角均不能使用4px或8px——该设计仅有两个圆角值：12px和100px
