Worth Agency 网站预览
Worth Agency 网站预览

Worth Agency

浅色基底、大字排版与满幅色块。

页面以浅色为基底,搭配深灰色文字。视觉特点包括大字排版、满幅色块、圆角卡片。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 使用 #eb4726(朱红标识)作为唯一的色彩强调——仅用于品牌标识、链接、箭头和滚动指示器
  • 满幅区块交替使用 #f8d4d4(粉色调区域)与 #ffffff(纯白色)以形成站点的色彩节奏
  • 在首屏和正文区块中所有文字居中对齐——禁止左对齐的编辑性区块
  • 所有交互性文字链接均使用 1px 底边线(paddingBottom: 1px),颜色始终为 #eb4726
  • 将 400px 的定制显示字号专用于品牌标识——绝不用于正文或 UI 文字
  • 为胶囊形元素和浮动元素设置 20-30px 圆角,卡片为 16px,标签为 12px
  • 保持满幅区块之间 120-160px 的垂直间距

建议避免

  • 绝不使用填充型行动号召按钮——系统始终用 #eb4726 的下划线文字链接替代按钮
  • 绝不引入第二个色彩强调——朱红是唯一的色彩语调
  • 绝不左对齐首屏或内容区块中的正文文字
  • 绝不使用阴影或层叠效果——设计仅采用平面色彩块
  • 绝不将 400px 显示字号用于除品牌标识之外的任何用途
  • 绝不使用 #000000 作为大段正文文字背景——应使用 #282828 提供温暖感
  • 绝不为首屏添加背景图片或摄影——品牌标识与粉色调区域构成整个首屏