Careem 是什么风格?

Careem 只守一条规矩——任何画面都不能没有那抹绿——就靠平涂色块、被裁断的形状和两种同等分量的文字,撑起了一个超级应用的品牌。
Careem 速览
Careem 风格,是这家迪拜起家的超级应用的视觉语言。白色底面上铺着大块平涂的 Careem 核心绿,圆角柔和的形状冲出页面边缘,白色的负形从绿色里被挖出来。森林绿和午夜蓝提供文字与重色块所需的深色,阿拉伯文和拉丁文共用每一条标题,字号相同。它为这样一家公司而生:一个账号打开打车、支付、外卖和即时配送,而用户要读两种文字系统。
支配这套风格的规矩短而绝对:任何画面都不能少了 Careem 核心绿。这条规矩做的是 Logo 通常做的事。无论屏幕、海报还是广告在卖什么,绿色在你读到第一个字之前,就已经告诉你这是谁家的。因为绿色是以平面的方式铺开,而不是渐变或淡染,它像现实世界里的一块表面,是你可以站在它面前的东西,而不是盖在版面上的一层装饰。
让这套系统不沦为一张普通绿色模板的,是它处理形状的方式。形体被页面边缘裁断,因此像是更大世界的一角;白色形状从绿面里挖出,使负空间本身成为一个绘制元素。整体气质友好、大胆、本地化:足以胜任支付页面的笃定,也足以承载点一份外卖的温度。这些形状从不与内容争抢,只是为内容搭好框架。

Careem 从何而来?
Careem 2012 年起家于迪拜,最初是一项网约车服务,创始人是 Mudassir Sheikha、Magnus Olsson 和 Abdulla Elyas。随后几年,它从打车扩展到 Careem Pay、Careem Food 和即时配送服务 Quik,全部收在同一个账号之下。这条轨迹——从一项服务长成海湾地区的“全能应用”——正是这套风格的发动机:一个要在六七种不同产品里保持可识别的品牌,需要一条简单到能套进所有产品的规则。由于这个产品每天都在用、常常是匆忙中用,视觉系统必须在行驶的车里、拥挤的人行道上、或是瞥一眼锁屏时也读得清楚。
2019 年,Uber 收购了 Careem,但品牌被完整保留,没有并入买家的体系。这个决定在视觉上很关键:绿色及其逻辑作为独立的区域识别延续了下来,而不是被一套全球系统取代。现行的超级应用形态大约成形于2020至2024年,属于这家被收购却保持独立的品牌整合自家服务的阶段。
超级应用整合,是这套系统背后的第一股力量。当许多服务共用一个账号,界面设计就得防止产品看起来像一堆迷你应用的拼盘。一种强势的单一色彩、一套共享的形状语言、一种统一的字体处理,让打车、付款和买菜像同一幢楼里的不同房间。品牌手册里关于绿色的那条规矩,在实践中其实是一条界面整合规则。
第二股力量是阿拉伯文与拉丁文并行的双语界面设计,这本身就是一门专门的功课。阿拉伯文从右向左书写,笔画相连,是草书式的文字;拉丁文从左向右,字母各自独立。把两者排进同一条标题,就要平衡不同的比例、不同的密度和镜像的阅读方向。海湾科技品牌带来第三层影响:一种区域性的自信——阿拉伯文不是叠在英文产品之上的翻译层,而是头等文字,字号对等,位置对等。因此,为这类界面挑选字体,需要阿拉伯文与拉丁文两套设计在笔画对比和字重上相当,免得任何一种文字显得更轻或更响。
Careem 的视觉特征是什么?
以绿为律
每个画面都包含 Careem 核心绿,以平涂、饱和的色面出现,而不是淡染、渐变或描边。鼓励大面积使用。绿色之于这个品牌,就像 Logo 之于别的公司:它缺席,这一页就不是 Careem。避免淡染;当看起来需要更浅的绿时,宁可缩小面积,也不要稀释颜色。
辅助深色
森林绿与午夜蓝承担深色的任务:文字、深色面、页脚和重色块。森林绿仍在绿色家族之内,午夜蓝则提供一个偏冷的配重。由于这些深色都偏向品牌色相,即使是文字密集的屏幕,也依然读得出 Careem,而不是一个通用界面。
白底与白色负形
页面底色是白的,白色也以挖空形状出现在绿面之内:像字母的缺口、一扇窗、一条路径。这些负形让一块平涂色面读起来像一幅插画,却没有引入新的颜色或纹理,画面与背景因此始终是同一种材质。
被裁断的圆角形体
形状带着柔和的圆角,并被页面或面板的边缘切断。裁断暗示延续,所以一块面板会让人联想到一座城市或一条路线,而不是一个装在框里的图形。没有什么东西客客气气地飘在安全边距中央;形体都向边缘伸去。
对等的双语标题
阿拉伯文与拉丁文共用每一条标题,名义字号相同,谁都不是副标题或脚注。版面设计成可以为从右向左的阅读而镜像:对齐、带方向感的图标和顺序一并翻转,而不只是翻转文字。对等,是对“这个产品为谁而做”最直观的表态。
平面式纵深
纵深来自叠压、裁断和平面之间的对比,而不是模糊或发光。这让屏幕在阳光下举着手机也能很快读懂,也让绿色始终是一块老老实实的表面。层次不多,每一层与下一层都分得清。
一个家族,多种服务
打车、支付、外卖和即时配送各自需要独立的性格,却共享一个母体。系统允许它们在内容与插画上各不相同,同时保持同一抹绿、同样柔和的圆角和同样的双语标题结构,因此在不同服务之间切换,不会有换了一个应用的感觉。

谁塑造了 Careem?
Careem 联合创始人,也是与它从网约车创业公司成长为区域超级应用关联最深的管理者。他的任期跨越了2012年的创立、向支付与外卖的扩张,以及2019年被收购后品牌仍保留自身识别的整个过程。
2012年迪拜创立时的联合创始人。创始团队选择从网约车起步,养成了每日使用的习惯,后来的 Pay、Food、Quik 等服务才得以在此之上生长;而品牌坚持的单一色彩纪律,保护的正是这份习惯。
与 Sheikha、Olsson 并肩的联合创始人。创始三人身后站着一条品牌规则——任何画面都不能没有绿色——它既经受住了产品的快速扩张,也经受住了所有权的更迭,对一条视觉规则来说,这样的耐久性并不多见。
今天怎么用 Careem?
Careem 风格最适合迁移到两类产品:把多项服务收在同一个账号之下的产品,以及必须同时服务两种文字读者的产品。它的规则关乎比例与存在感:用多少绿、留多少白、裁掉形状的多大一块。这三样拿准了,细节上就有很大的容错。新手引导流程可以每一步放一个被裁断的绿色形状,让进度读起来像一条正在被画出的路线。
在演示文稿里,封面可以是一整块满版绿色,挖出一个白色负形,标题用两种语言同字号排出。内容页以白底为主,绿色只用于一个主导色块,深色文字用森林绿或午夜蓝,边缘放被裁断的形状来增加视觉趣味。数据页适合用平涂的绿色柱条,搭配一组更深的对比系列,在受众需要的地方两种文字都标注。
对应用和仪表板,用白色界面、清晰的绿色主操作、共享同一套形状语言的服务入口卡片,以及大而易读的字体。出行、配送、支付、预订和本地生活类产品都是天然适配。务必测试镜像后的版面:从右向左的版本应当专门设计,而不是自动翻转,带方向含义的图标和进度指示要有意识地反向处理。各个服务入口可以在绿色或深色底上各放一个小的白色负形图标,让整组入口读起来是同一个家族。
在活动、海报和新手引导素材里,让一大块绿色平面主宰构图,裁掉辅助形状,使用简短的双语标题。这套风格为户外和移动场景而生,信息只有几秒钟的时间落地。摄影最好放进一个被裁断的形状里或紧靠绿色色块,不要松散地漂在白底上。
常见的错误是把绿色降级成灰色界面上的一点小点缀,这等于拿掉了品牌唯一的硬要求。另一个错误是把阿拉伯文排成英文标题下面的一行小字;这套风格的要点正是对等。第三个错误是在平涂的绿色上叠加淡染、渐变和投影,把一块笃定的色面变成一张通用的应用皮肤。

Careem · 常见问题
什么是超级应用设计系统?这一套有什么不同?
超级应用设计系统要让许多服务看起来是同一个产品。这一套首先靠色彩做到这点:一条单一的绿色规则,以平面方式铺满打车、支付、外卖和配送。许多系统依靠共享的组件库,而 Careem 依靠的是对色彩、裁断与双语排版的共同姿态,在看到任何组件之前就能被认出来。落到实处,就是新服务上线时不需要再另起一套视觉识别。
为什么坚持每个画面都要包含绿色?
对几十个团队、成百上千个界面而言,一条不容商量的元素,比一长串偏好清单更容易执行。绿色像一个签名:它让陌生的版面也能一眼被认出,也让设计师可以放心地在其他方面自由尝试,而不会丢掉品牌。
阿拉伯文与拉丁文应当如何并排?
给它们相同的名义字号和统一的基线逻辑,再做视觉上的微调,因为两种文字的比例不同,阿拉伯文往往需要稍多一点空间。为从右向左的阅读单独构建版面,而不是翻转一个从左向右的版面,并把对齐、阅读顺序和带方向的图标一起镜像。绝不要把一种文字当成另一种的副标题。
这套风格能用于深色界面吗?
它主要是一套白底系统,但森林绿和午夜蓝提供了真正的深色,可用于页头、卡片乃至整屏深色界面。即便在深色版面里,规则依然成立:构图中必须出现一块平涂的核心绿,否则读起来就是一个通用的深色主题,而不是 Careem。
它能用在海湾地区之外吗?
可以,凡是把多项日常服务合在一起、或服务多语言受众的产品都适用,无论是阿拉伯文加拉丁文,还是别的双文字组合。“同字号、同位置”的双语原则迁移性很好。迁移不了的,是只借走那抹绿,却丢掉裁断与负形的逻辑,那样做出来的只是一件仿制品。