Your workplace has the answer. Just ask Dala for it. 网站预览
Your workplace has the answer. Just ask Dala for it. 网站预览

Your workplace has the answer. Just ask Dala for it.

星群悬浮于纯黑色天鹅绒上

Dala 在黑暗舞台环境中运作,黑色虚空与单一鲜明的紫罗兰色点缀相接,点缀着琥珀色的火花。字体呈现为单一体和无重量感——PPNeueMontreal 400字重在超大尺寸(78–113px)的标题中占据主导地位,具有激进的负字间距,使标题呈现出雕塑感而非信息性。视觉中心是一组微小的多色三角粒子构成的星群,形成有机的脑形,作为品牌的标志性动作:知识被可视化为分布式智能,而非层级化数据。布局遵循宽敞的双栏节奏——左侧超大字号左对齐标题搭配充足的正文内容,悬浮于纯黑色背景之上,无任何面板、边框或卡片。组件被有意简化为最本质的形式:一个紫色胶囊形按钮、透明描边文本链接以及大尺寸文本块。

查看原始网站

使用规范

建议采用

  • 仅使用 #8052ff(电光紫)作为填充型操作按钮的颜色——其他饱和色不得作为按钮背景出现
  • 所有标题均设为 400 字重,绝不使用粗体——Dala 通过尺寸(78–113px)和字间距(-0.04em)实现层级感,而非字重
  • 18px 正文使用 PPNeueMontreal 200 字重——超轻字重是标志性特征,不得用 400 字重替代
  • 每个区块背景必须保持纯 #000000 黑色——禁止使用深灰色面板或卡片表面;虚空即设计
  • 在所有 42px 及以上显示尺寸上应用 -0.04em 字间距,113px 时约等于 -4.52px
  • 按钮、卡片和导航元素统一使用 24px 圆角半径——作为一致的圆角令牌;仅在极小尺寸下呈现胶囊形状
  • 让粒子星群成为唯一的首屏视觉元素——禁止在首屏区域引入摄影、插画或产品截图

建议避免

  • 禁止在大背景块或完整区块中使用填充紫罗兰色(#8052ff)——该色仅用于按钮和强调,不作为表面颜色
  • 禁止将正文设为 400 字重——Dala 的标志性超轻(200)正文是阅读体验的区分特征
  • 禁止引入带有边框、阴影或背景填充的卡片容器——元素仅悬浮于黑色背景之上,仅以空白间距存在
  • 禁止使用颜色 #0000ee(默认浏览器链接蓝)——永不指定该色;链接应使用 #ffb829 琥珀色或 #ffffff
  • 禁止在 UI 组件中使用渐变——Dala 的配色为扁平化;渐变仅存在于标志和粒子可视化中
  • 禁止在 PPNeueMontreal 等效几何结构关键时使用系统字体替代——可使用 Inter 作为后备,但必须保留 200 字重正文和 400 字重标题的惯例
  • 禁止在视图中将多个填充按钮放置于相近位置——紫色胶囊按钮仅用于每个视图中的单一主要操作