Pally 网站预览
Pally 网站预览

Pally

深色虚空中浮现紫色信号。一个白色胶囊浮现在近黑色的观测室中，产品紫色玻璃界面柔和地从下方发光，如同内部点亮的仪表盘。

Pally的营销页面是一幅近单色的深色画布，其中产品是唯一的色彩来源。页面呈现出一种安静、编辑式的空间感：深海军空背景，白色显示文字采用定制无衬线字体，字间距为负值且极具侵略性，以及一个单一的白色胶囊形按钮（CTA），作为屏幕上唯一的明亮元素。色彩完全被延后至应用内截图中——紫色玻璃面板、靛蓝色聊天气泡、悬浮平台图标后方的粉紫渐变光环——使产品界面本身成为品牌的色彩时刻。布局偏好居中构图、充足的负空间和极简的区块数量：一个首屏区域、一个动态平台星群、一条社交证明条。每个组件都被简化为最本质的轮廓——胶囊导航、胶囊按钮、扁平卡片、有机发光的团块——而没有阴影、边框或装饰性金属元素，正是设计的本意。

查看原始网站

使用规范

建议采用

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

建议避免

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

相似设计语言