Pally 网站预览
Pally 网站预览

Pally

深蓝色基底、居中构图与胶囊形控件。

页面以深蓝色为基底,搭配白色文字。字体采用 Untitled Sans、Inter。视觉特点包括居中构图、胶囊形控件、渐变展示、紧密字距。适合参考的场景:效率工具官网、协作产品介绍页。

查看原始网站

使用规范

建议采用

  • 在整个文字系统中,仅使用Untitled Sans 400字重——让字号和负字间距承载层级关系,绝不引入粗体字重。
  • 显示文字设置为64px,字间距-3.84px,行高0.9——标题必须在视觉上紧凑且具编辑感,而非舒适感。
  • 所有主要操作均以100px半径的胶囊按钮形式呈现,背景为骨白(#fefcfb),置于深海军空(#161e29)之上——这是系统中唯一的按钮形状和配色组合。
  • 仅在产品界面原型内部或作为悬浮平台图标后方的光环中使用紫色渐变(淡紫 #e9b3f2 → 中间色 #9868cc → 靛蓝 #5f4dbd)——绝不在营销页面表面使用。
  • 所有首屏级构图必须水平居中,由80px的区块间距创造节奏——页面层级禁止使用非对称布局。
  • 所有满幅背景默认使用深海军空(#161e29),通过12px半径的卡片搭配渐变背景来区分产品界面。
  • 元素间距设为10px,卡片内边距为16px——系统整体紧凑,更宽的间距会破坏黑暗空间的沉浸感。

建议避免

  • 不要在系统中引入任何超出紫色渐变范围的色彩——单色主义是品牌的核心准则。
  • 不要为卡片或按钮添加阴影效果——系统依赖渐变背景和轮廓,而非投影阴影。
  • 不要使用除12px(卡片/图片)、100px(按钮/导航)或有机117–180px范围(悬浮动态形状)之外的圆角值。
  • 不要为强调而切换到粗体或中等粗体字重——应通过增大字号和收紧字间距来实现。
  • 不要在营销页面中添加可见的分节线、水平规则或带边框的卡片——让虚空保持连续。
  • 不要为任何标题应用正常的字间距——所有显示和标题文本必须具有负字间距。
  • 不要为徽章、标签或状态指示器使用明亮的辅助色——唯一具有色彩的点缀是产品场景内的紫色渐变。