一个人造细胞,需要一个公共形象

Biotic 是一家非营利研究组织,负责推动 SpudCell 的开放发展。SpudCell 由明尼苏达大学 Kate Adamala 教授的团队搭建:一个完全由已知化学组分构成的类细胞系统,包含 36 种纯化的酶、一段分布在多个 DNA 分子上的基因组和一层脂质膜,能够生长、复制基因组并分裂。研究团队没有宣称创造了生命,这个系统却已经表现出许多活细胞的行为。

这样的研究既可能用来制造药物和材料、分解污染物、固碳,也带来很大的责任。Biotic 的任务是让这项突破以开放、负责的方式发展,惠及所有人。它请来在旧金山和巴塞罗那设有工作室的 Mucho 做品牌,受众是科学家、研究机构、教育者以及更广泛的社群。

Mucho 合伙人兼创意总监 Rob Duncan 说,团队的责任是让这个时代最重要的科学故事之一变得“可理解、可亲近、有邀请感”。Mucho 的项目叙述以一组对照开头:硅谷的一部分人在发明取代人类的技术,另一群生物学家在做关乎人类未来的事。品牌的语气由此偏向乐观,口号式短句都很平静,比如黑底上的“After 3.8 billion years, biology is evolving.”

黑底上的大号灰色文字 After 3.8 billion years, biology is evolving.,左下角一个白色圆点。
02黑底短句,圆点标志落在左下角。
设计:Mucho

Ex Uno Plures:由一而多

动手之前,团队先沉浸到科学内容里,问外行问题,挑战既有假设,并和 Biotic 的创始团队反复讨论:Kate Adamala 带来科学突破,Drew Endy、Chris Raggio 与 Jan Jedryszek 负责让它向所有人开放的愿景。

讨论的结果是策略和口号 Ex Uno Plures,意为“由一而多”,反转了美国格言 E Pluribus Unum(合众为一)。它对应 SpudCell 的潜力:一个公开分享的活细胞,成为无数发现的起点。

开场动画:Out of one, many.
Mucho

一个圆点,和会生长的纹理

标志就是一个实心圆点,代表单个细胞,也是后面一切图形的起点;字标是圆点加小写的 biotic。标志动画把这层关系演了一遍:纹理从一点长开,又收回成一个圆点。

标志动画:纹理生长、收缩,回到圆点
Mucho

纹理来自 Karl Sims 编写的反应扩散(Reaction-Diffusion)软件。Mucho 用它做了一套动画和静态插图,图形从一个点开始生长、演化、繁殖。这套方法在名片上最明显:每张名片的纹理都由同一条规则生成,没有两张相同,正好对应“由一而多”。

活动舞台背后的白色大屏上是一团黑色迷宫状的圆形纹理,台上两人坐在椅子上对谈。
03活动大屏上的迷宫纹理。
设计:Mucho

配色刻意限于黑白,Mucho 把它与单个细胞的纯粹和简单联系在一起。黑白也让细密的纹理在纸面、织物和屏幕上都保持高对比。这些纹理看上去像显微图像,其实由软件生成;SpudCell 研究页上的真实研究图像另有署名,来自 Kate Adamala 实验室。

Bloomsday:倒数到 2050 年

团队想传达紧迫感,又不想吓到人,于是做了一个倒数 Bloomsday(繁盛之日)的时钟,用来反转 Doomsday(末日)。它倒数到 2050 年,Mucho 的说法是,到那时世界可能再无法自然生产足够的资源养活不断增长的人口。时钟实时运行,适配不同时区。

网站首页放着一个四圈圆环的计时器,按天、时、分、秒倒数。界面的强调色是一种黄绿,只落在计时圆环、箭头按钮这类会变化、可点击的元素上,看颜色就知道哪里能点。

网站演示:首页、Bloomsday 倒计时与内容页
Mucho

Biotic 团队回顾合作时写道,Rob Duncan 和同事带他们梳理了当时还很初步的叙事,尤其是“为什么要有 Biotic”,梳理出两句话:“From one, many”和“soon enough to matter”,例如“距离 Bloomsday 还有 8,494 天”。

网站:把研究、人物和社群放进同一套版式

网站把研究、人物和社群放进同一套版式:联合创始人用黑白肖像,Community 页把 iGEM、SynCellEU 等合成生物学社群与项目列成卡片。

网站团队页:黑底上是 Drew Endy 的黑白肖像和履历,下方列出 Kate Adamala、Chris Raggio、Jan Jedryszek。
04团队页:黑底与黑白肖像。
设计:Mucho
网站 Community 页:白色上半部分写着 Building the Operating System for Accessible Biology,下方黑底卡片列出各个合成生物学社群。
05Community 页:社群卡片与黄绿箭头。
设计:Mucho
深灰背景上排列多块手机页面:SpudCell 论文卡片、Out of one, many. 首页、8935 天倒计时、三项原则图标、团队、博客和媒体报道。
06手机版的竖向模块。
设计:Mucho

交互细节延续同样的克制。点开 Contact,按钮展开成一张深色卡片,列出 Palo Alto、San Diego、Minneapolis、Munich 四地的当地时间,顺带告诉来访者,这个团队分散在四个时区。

Contact 卡片展开,显示四地时间
Mucho
手机首页:十字形分裂成圆点纹理
Mucho

物料:同一种纹理换不同的密度

T 恤、帆布袋、小册子和户外旗帜用的是同一种纹理,只换密度和形态:T 恤上疏松,旗帜上放到最大,三本小册子各用一种。

穿黑色 T 恤的男子,胸前是灰色圆点与团块组成的纹理,袖口印着 biotic。
07T 恤:疏松的圆点纹理。
设计:Mucho
白色帆布袋上印着一整团黑色迷宫纹理和圆点加 biotic 字标。
08帆布袋:连续的迷宫纹。
设计:Mucho
三本黑色小册子错落叠放,封面各有一团不同的白色纹理和一句短语。
09三本小册子,三种纹理。
设计:Mucho

规范,以及之后的颜色

品牌手册把这些规则写成章节:策略、标志、字体、反应扩散图像、摄影、活动屏幕和口号。字体用 Roobert,正文和小标题为 Medium 与 SemiBold,统一句首大写、字距略收。摄影分两类:四位联合创始人的黑白肖像统一在深灰背景前拍摄;其他人物图片来自免费图库 Unsplash,要求自然光、浅景深,避免摆拍。

品牌手册多页拼贴:策略章节、黑底字标、Roobert 字体页、黑白纹理封面、彩色反应扩散图像、摄影规范和活动屏幕。
10品牌手册:从策略、字体到摄影与活动屏幕。
设计:Mucho

黑白只是第一阶段。Mucho 把初始识别刻意做得极简、黑白,好让它随科学一起演化;组织成长、新的可能出现时,品牌会加入颜色。手册里已经预留了一页“RD Imagery, Phase 2, introducing color”。

彩色阶段:The future is bright.
Mucho

一个完全由化学组分搭成的类细胞,很容易被讲成让人不安的故事。Mucho 给 Biotic 的是一组安静的东西:黑白、一个圆点、语气平静的短句,以及一个倒数到 2050 年、却叫“繁盛之日”的时钟。纹理由软件生成,看上去像显微图像;网站把论文、作者和真实研究图像的署名单独列出,没有让好看的图形替科学作证。名片上每张都不一样的圆形纹理,是这套品牌里最接近“由一而多”的地方。

品牌设计:Mucho(合伙人兼创意总监 Rob Duncan);文案:David Begler;插图使用 Karl Sims 开发的反应扩散软件生成;网站开发:Kaleido Grafik。

设计方
Mucho
委托方
Biotic
地区
美国
颜色
黑白
项目性质
新品牌