全部案例

SandBase

SandBase 是一个为智能体提供能力的平台,模型、API、技能与智能体都汇集于此,供开发者组合调用。我们为它设计了品牌识别与官网,并开发了一套品牌工具,团队如今用它自行产出新的素材。层叠的符号、精简的色板与由程序生成的像素画面,贯穿了这一切。

层叠而成

SandBase 上的每一项能力都是可以组合的单元,品牌也从这样一个单元开始。符号是一叠层片,它既是标志,也是整个视觉系统的基本构件:层片叠合、错位、传递信号,正如工作流中协同运转的工具。智能体本身没有形体,我们以服务器作为它的化身,再通过像素化模糊服务器与摩天楼之间的界限。在低分辨率下,机柜与高楼的轮廓几乎一致,画面因此既像一排排机器,也像一座城市,施工现场般的建造美学又暗示着工作正在进行。由此营造出一种错觉:智能体仿佛是真实世界里的一支劳动力。

SandBase 深色海报构图,以相连的像素空间表达寻找能力、构建工作流与交付成果SandBase 浅色海报构图,展示连续叠合的层片以酸绿背景与深墨色文字呈现构建、运行与重复执行的 SandBase 社交海报淡白文字与紫色背景搭配的 SandBase 社交海报,主题为从一项能力开始以像素走廊与交付成果为主题的 SandBase 方形社交海报深墨色背景上的 SandBase 酸绿标志与层叠像素造型

从城市到目录

官网的节奏从氛围走向功能。首页以像素城市开场,交代品牌的世界观;进入智能体与模型的目录后,画面退让,页面回到清晰的网格、搜索与筛选,把注意力留给比较和选择本身。每个智能体都有一枚由程序生成的像素标记,让目录里的每个条目都有可辨认的面孔。模型封面是系统里少有的例外,它们脱离品牌色板,以插画表现每个模型擅长的事情,只靠共同的像素质感维系归属;博客封面则回到品牌色,用层叠结构去表达文章里的技术概念。

SandBase 网站设计,展示桌面端与移动端首页 六幅模型封面插画:蜂鸟、苍鹭、编织带、珊瑚、花朵与鹦鹉螺 SandBase 智能体页面,展示紫色首屏、精选智能体与配有像素插画的服务卡片 图像与视频模型目录设计,结合插画封面、搜索与筛选功能
模型取舍:紫色背景上,层叠路径分支延伸至更高的堆栈智能体边界:两个相连的堆栈,其中一个置于开放的立方体框架内创意测试:三组框内几何变体连接到青柠色节点排查或重试:展开的层叠立方体与循环路径

用工具代替规范

SandBase 的产品逻辑是组合,品牌也照此运作。我们没有交付一册静态的规范,而是把品牌做成了一组工具: Studio 用于生成图像与动态,社交编辑器用于排布公告与贴文,素材页面提供标志与封面的下载。三者共用同一套场景库与色板,与本页的全部画面同源。团队需要新素材时,直接在这套系统里生成,不必从零开始,产出也始终与品牌保持一致。

SandBase 符号、字标,以及深墨色、酸绿、紫色、淡紫、雾灰和白色组成的品牌色板 SandBase 素材页面,展示符号尺寸与字标变体 SandBase 定制的 Studio,展示场景库、层叠图形与品牌色彩控件 SandBase 社交编辑器,展示海报模板、版式控件与层叠发布设计