LE CAMP 网站预览
LE CAMP 网站预览

LE CAMP

白色基底、等宽文字标注与大幅摄影展示。

页面以白色为基底,搭配近黑色文字。局部操作控件以红色强调。字体采用 Agrandir、DM Sans。视觉特点包括等宽文字标注、大幅摄影展示、细线分隔、分屏构图。适合参考的场景:摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • #fe3a3a只用于主要CTA、品牌标志和强调正文,绝不要作为大型非操作表面的背景填充。
  • 展示标题设为Agrandir 600字重、90px和1.0行高,让字母叠成视觉质量。
  • 主要CTA按钮采用35px胶囊border-radius,次级按钮10px;圆角差异提示操作分量。
  • 分区标签采用DM Mono 10px、0.04em letter-spacing和全大写,放在所属标题上方。
  • 分区以60px纵向间距分隔,并在#ffffff、#f5f5f5和#f5f0e8之间交替,形成从大本营到山顶的节奏。
  • 所有结构边框保持1px solid #000000,不采用更粗线条或装饰分隔线。
  • #767676只用于输入框边框,绝不用在文字、按钮或卡片边缘。

建议避免

  • 不要引入#fe3a3a、#000000、#ffffff和#767676之外的颜色;系统刻意采用双色加一种灰色。
  • 卡片、面板或任何中性表面不要采用投影;抬升只属于红色CTA和首屏插画。
  • 正文字号不要高于18px,连续正文也不要采用Agrandir;Agrandir只用于展示。
  • 不要采用0px或4px border-radius;所有圆润元素使用10px、20px或35px,绝不方正。
  • 不要将红色文字放在红色背景上,也不要将白色文字放在白色上;红色的稀少要求它始终置于中性表面。
  • 奶油色(#f5f0e8)不要作为整页背景;它只是卡片表面。
  • 不要采用渐变;系统严格使用平面颜色与摄影。