
Slash
午夜金库,内有镀金账簿
Slash 的界面风格如同午夜画廊一般:近乎黑色的画布,白色的文字,以及一抹温暖的铜色作为标点符号。标题采用 Ivy Presto 字体,这是一种高对比度的双衬线字体,字号极大(最大可达 88 像素)——这种衬线字体与无衬线字体的碰撞是该系统的标志性设计,赋予其金融领域的庄重感,却又避免了传统银行那种经纪业务的沉重感。用户界面的其他部分则刻意保持低调:纤细的边框、椭圆形控件、紧凑的 16 像素正文,以及略微上扬的弧度,使文字更显舒展。单一的金色渐变(图表线、微调符号)为这套单色系统增添了一丝温暖,让人联想起专为设计领域打造的彭博终端的温暖光芒。
内容宽度为 1216 像素,居中显示,垂直间距为 160 像素。首页是一个深色全宽画布,采用分屏布局:左侧是左对齐的衬线字体标题(宽度 64-88 像素),下方是电子邮件地址输入框;右侧是宽度为 50% 的大型产品 UI 卡片(仪表盘截图)。后续部分使用单列居中标题(衬线字体,宽度 44-64 像素),标题下方是 Inter 字体的副标题,之后是三列网格布局的卡片,用于展示功能描述、客户评价和博客文章。导航栏位于顶部固定位置:左侧是公司徽标,中间是菜单(公司、产品、解决方案、客户、定价、常见问题解答),右侧是不太显眼的登录入口,以及入门指南(白色填充元素)。页脚是一个密集的五列网格布局,包含公司信息和法律声明。页面在内容丰富的网格部分和全屏统计数据之间交替显示——节奏是通过列之间的大量空白来建立的,而不是通过交替的背景颜色来建立的(整个页面呈现为一个单一的、统一的画布)。
摄影风格自然写实,充满编辑感:创始人及团队成员在真实工作环境(办公室、客厅、工地)中的温暖肖像。图片铺满卡片边框,没有留白。证言卡片底部采用深色渐变,增强文字可读性。整体美学风格——“LinkedIn 融合杂志编辑”——轻松自然,人性化,略带柔和,绝不使用商业图库照片进行过度修饰。文章缩略图将照片与插图概念相结合(例如,一个人站在迷宫中,壁炉旁摆放着装满钱的袋子)。产品界面采用深色模式,完全不透明,悬浮在页面上方,置于微妙的深色背景之上——这是设计的核心元素。图标为单色,描边为 1 像素,颜色为 #2e3038 或 #777a88,绝不填充品牌颜色。
调色板
中性的
- Bone
#e2e3e9— 主要文本、详细数据标签采用大字体,大多数用户界面元素采用标准文本色调。 - Obsidian
#08080a— 页面画布、页脚背景,最暗的表面几乎是黑色,略带蓝色色调。 - Onyx
#040406— 为了达到视觉效果,卡片的表面(即额外的背景)比纸张本身要深一层。 - Carbon
#121317— 凸起的面板,不显眼的用户界面填充——Surface Stack 演进过程中第一个明显更轻盈的阶段。 - Graphite
#1c1d22— 边框、分隔线、图标容器、控制滑块——定义结构的微妙色彩。 - Slate
#2e3038— 额外的边框、柔和的图标线条、内容块之间的细微分隔线。
排版
从 13 像素到 88 像素 · 9 步
- Ivy Presto — 替代品: Playfair Display · 轮廓 400, 500 · 这是一款用于标题和副标题的衬线字体,仅用于28px及以上尺寸的标题和章节标题。高对比度的细笔画和纤细的衬线营造出一种编辑般的奢华感;0.01em的极小字母间距十分罕见,赋予字体一种印刷般的、类似会计报表的质感。这款衬线字体是该品牌的核心标志——它使Slash与其他默认使用几何无衬线字体的SaaS金融科技公司区别开来。
- Inter — 替代品: Inter (self-hosted via Google Fonts) · 轮廓 300, 400, 500, 600, 700 · UI Sans字体用于正文、导航、按钮、标签、链接、表单字段和副标题。正文使用300号字体,辅助文本使用500号字体;中等强调的文本和按钮标签使用500号字体;600号字体专用于小型大写字母书写的类别标签。负字母间距从2(-3)开始递减,并随着字号的减小而减小,这是Inter字体典型的光学缩放特性。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 宽敞 |
| 基本步骤 | 8px |
| 按钮半径 | 9999px |
| 卡片半径 | 10px |
| 阴影 | 无边框,取而代之的是阴影 |
| 各部分之间 | 160px |
| 页面宽度 | 1216px |
AI 将按照Slash风格构建您的网站并填充内容。
- 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化,支持搜索结果和神经网络推荐。
相似风格
- Modal — 昏暗的服务器机房里,一个发光的终端机——唯一的光源是明亮的绿色。
- AgentQL — 夜幕降临,航站楼上空出现北极光
- GitHub — 带有生物发光控制点的太空指挥面板——一个黑暗、充满神秘感的工作空间,一道绿光指引着前进的方向。
- Doppler — 午夜时分,金库内灯光呈紫色。近乎漆黑的墙面闪烁着淡紫色信号灯和绿色确认灯,每一处表面都弯曲得便于抓握。
- Basedash — 午夜时分,数据终端采用哑光字体。昏暗的观测台上,各种指标发出紫绿色的光芒,衬线字体的标题漂浮在嘈杂的背景之上,白色的药丸状按钮是这间以柔和黑色表面为主的房间里唯一明亮的物体。
- Superwhisper — 午夜的玻璃上,北极光渐渐消融。
- Better Stack — 午夜 SRE 控制台
- Langbase — 午夜北极光控制台
- Astro — 深空任务控制中心,星云发出一道紫色光芒
- Wayfinder — 一个黑色的电影屏幕,上方悬浮着一个几乎听不见的标题,标题下方是一幅动态插图。界面不是控制面板,而是一个亮度滑块。
- HashiCorp — 午夜时分,紫色霓虹灯照亮了控制室,黑暗的技术表面中只有一个发光的六边形立方体作为唯一的颜色参考。
- Umbrel — 夜间服务器机房里有一个舒适的火坑——在黑暗的房间里,一束柔和的火光凸显出真正重要的东西。