
Dala
悬浮在黑色天鹅绒上的星座
Dala 呈现了一个深邃的空间,黑色的空白与一抹鲜艳的紫色交相辉映,琥珀色的闪光点缀其间。字体设计简洁而轻盈——400 字重的 PPNeueMontreal 字体以超大尺寸(78-113 像素)占据每个标题,并采用大胆的负间距,使标题更具雕塑感而非信息性。视觉中心是由无数细小的彩色三角形粒子组成的星群,构成一个有机的大脑形状,这也是该品牌的标志性设计:知识以分布式智能而非层级数据的形式呈现。版面采用宽敞的双栏布局——超大尺寸的左对齐标题搭配宽阔的正文,漂浮在简洁的黑色背景上,没有任何面板、边框或卡片。所有元素都被刻意简化到最基本的形态:一个紫色的药丸按钮、隐藏的文本链接和大段的文本块。
全宽版块布局在纯黑色画布上,内容最大宽度约为 1280 像素,居中显示。主版块采用不对称的双栏布局:左侧是醒目的左对齐标题(113 像素),正文和行动号召位于左侧;右侧则以巨大的“粒子大脑”可视化效果占据整个版块。后续版块交替采用双栏布局(左图/右文,左文/右图),形成锯齿状的阅读节奏。版块之间的间距较大(垂直方向 60-120 像素)。没有卡片式布局、价格表或多栏功能描述——内容以宽敞的双栏图文模块形式呈现。导航栏采用极简的透明顶部栏,没有侧边栏或超级菜单。元素密度极高——每个视口仅显示一到两个元素,信息量恰到好处。
视觉设计完全采用程序化和抽象的方式——除了团队肖像照外,不使用任何照片。品牌视觉识别由数千个细小的、带有轮廓的三角形粒子组成,这些粒子以完整的、充满活力的光谱(紫罗兰色、琥珀色、青绿色、紫色、蓝色)渲染,形成一个有机的大脑/神经元形状。这个粒子场是动态的,既是主图像,也是品牌识别元素。周围的粒子密度较低,在页面背景上移动。三角形具有轮廓,线条粗细为1-2像素,边缘锐利,色彩丰富饱满——绝不使用灰度。团队肖像以大型圆角矩形(半径124像素)显示,没有边框或重叠。没有产品截图,没有生活方式照片,也没有3D渲染图——粒子系统本身就是品牌的视觉标识。
调色板
品牌
- Electric Iris
#8052ff— 主要操作按钮、徽标和品牌标识均采用单一的浓郁紫色,在黑色背景下,象征着互动性和品牌识别。
中性的
- Void
#000000— 页面画布、部分背景、负空间——主要表面是纯黑色,而不是深灰色,从而创造了一个空白,使色彩点缀可以自由漂浮。 - Bone White
#ffffff— 标题、正文、图标填充、活动导航状态——唯一能在黑色背景下提供最大层次感的字体颜色。 - Ash Gray
#9a9a9a— 低调的导航文字、半透明的链接颜色以及其他标签都隐藏在主文字后面,但不会变得不可见。 - Silver Mist
#bdbdbd— 补充文字,说明文字——最安静、最易读的灰色,用于辅助理解上下文。 - Saffron Spark
#ffb829— 通过突出显示文本、强调链接和使用标点符号吸引注意力——暖黄色与紫色背景形成对比,为品牌创造了色彩张力。 - Deep Verdant
#15846e— 二次表面着色,渐变标志停止,表现为品牌渐变的较暗边缘和几乎难以察觉的强调过渡。
排版
从 12 像素到 113 像素 · 10 步
- PPNeueMontreal — 替代品: Inter · 轮廓 200, 400, 600, 700 · 所有用户界面元素均使用一致的字体。标题(显示尺寸为 78–113px)使用 400 字重,字间距为 -0.04em——与正文字重相同,但更大的字号有助于构建层级结构。200 字重(一种超细字体)专用于 18px 的正文;这是品牌特有的选择:大多数 AI/SaaS 网站都使用 400 字重的正文,但 Dala 降低了字重,使段落看起来更轻盈、更柔和。导航和小标题使用 600 字重,字间距为 14px,0.025em,并且全部大写。113px 的标题和 15px 的正文都使用 400 字重的情况并不常见——这表明该品牌依靠的是字号大小,而不是字重来构建层级结构。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 6-18px |
| 按钮半径 | 24px |
| 卡片半径 | 24px |
| 阴影 | 无边框,取而代之的是阴影 |
| 各部分之间 | 60-120px |
| 页面宽度 | 1280px |
AI 将按照Dala风格构建您的网站并填充内容。
- 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化,支持搜索结果和神经网络推荐。
相似风格
- Linear — 午夜精密仪器
- Resend — 黑色天鹅绒,带有紫色霓虹色
- Ciridae — 空荡荡的房间里,余烬仍在微微燃烧——一座近乎漆黑的教堂,唯一温暖的声音是锈迹的细微声响,每一处表面都由细线勾勒而成,而非阴影。
- Dovetail — 黑月下的蓝图——几乎看不见的图表线条,白色的字体,一抹紫色的闪光。
- Neon — 夜幕降临后的服务器机房。一片漆黑,唯一的光源来自数据和用户交互。
- Discord — 游戏世界隐藏在弹出式聊天窗口后面——每个部分都是一个独立的环境,拥有自己的光照和角色。
- Aaru — 粒子场天文台午夜
- Atlas Card — 午夜穹顶,只有一道蓝宝石光束,是一片漆黑的广阔空间,唯一重要的就是那深邃的电光蓝。
- Midjourney — 深海中的生物发光终端。这是一个深海世界,在那里,智能以ASCII码流的形式视觉化地生成,而控制按钮则以微弱发光的图案形式呈现。
- Checkly — 深轨道任务控制中心
- Krea — 午夜画廊黑色电影
- Wope — Wope 是一款紫色地平线界面。想象一下,一张昏暗的天文台桌,玻璃下方射出一道紫色的光束。