Home 网站预览
Home 网站预览

Home

近黑色基底、大字排版与细线分隔。

页面以近黑色为基底,搭配白色文字。字体采用 Poppins、Muli。视觉特点包括大字排版、细线分隔、宽松留白、扁平表面。适合参考的场景:工作流工具首页、产品功能说明页。

查看原始网站

使用规范

建议采用

  • 仅在活跃导航链接、填充型行动号召按钮(CTA)和装饰性点缀点上使用 #ed1672 — 每屏限制使用 2-3 次
  • 首屏标题精确设定为 110px(Poppins 700)并保持行高 1.00,以维持海报级视觉冲击力
  • 将 Muli 300 正文与 Poppins 700 展示文字搭配使用——绝不替换为其他人文无衬线字体,字重对比是系统的核心
  • 所有按钮和标签的边框圆角均设为 100px — 胶囊形态是品牌识别的绝对要求
  • 居中文字区块的水平间距保持 113px,以维持悬浮于空中的视觉感受
  • 星座图案的色彩饱和度保持在 3% — 绝不允许提升不透明度,必须读作背景氛围
  • 仅在深色区块之间使用全铺摄影,绝不与文字同平面出现

建议避免

  • 不要引入第二个强调色——整个品牌调性是单一的品红对单色的表达
  • 任何元素均不添加阴影;深度仅来自表面明暗层级的差异
  • 不要使用 Poppins 400 用于标题或 Muli 400 用于展示——字重角色是固定的
  • 不要为‘移动端友好’而缩减 110px 首屏尺寸,除非有明确的字体尺寸重置覆盖
  • 不要为卡片、图片或输入框添加边框圆角——只有按钮和标签获得 100px 胶囊圆角
  • 不要将 #ed1672 用于正文或小标签——会破坏对比度(4.4:1),且粉色必须保持大尺寸或装饰性
  • 不要在同一屏上叠加多个饱和元素——深色画布是品牌本体,保持 97% 无彩色