什么是 Cornershop App?

Cornershop 把一家拉美生鲜配送创业公司「清新绿配白」的品牌语言反转过来,化作一片深邃森林绿的底面,让白色货架卡片来承载那份平静。
Cornershop App 速览
Cornershop 是同名智利-墨西哥生鲜配送创业公司的设计身份,这家公司后来被 Uber 收购。它所取材的品牌,建立在一套「清新绿配白」的杂货界面之上:干净的白色货架卡片、真实呈现所配送商品的亲切商品摄影,以及一套整洁现代的几何无衬线字体,让价格、数量与配送时间都能一眼扫清。这个品牌的体系并非只有一种标志色,而是将一整个鲜活的绿色家族编纂成体系,每一种绿色各司其职。
转化为屏幕设计系统之后,这层关系被刻意反转了过来。页面底色变成了取自同一绿色家族的深沉杂货森林绿,而非原始 App 所使用的白色底面。品牌的标志性清新绿依然被保留为强调色,白色则被专门留给货架卡片——那些真正承载商品、价格与内容的表面——而非页面本身。
呈现出的效果是平静、洁净,带着一种刚上架般的新鲜感,而非喧闹或高饱和。尽管底色是深邃的绿色,整套系统却毫无沉重或压抑之感:真正承担「新鲜」与「秩序」这份视觉工作的是那些白色卡片——就像一排整理有序的货架之所以让人觉得平静,正是因为每件商品都有自己清晰划界的空间。
Cornershop App 从何而来?
Cornershop 由奥斯卡·耶尔通松(Oskar Hjertonsson)、丹尼尔·翁杜拉加(Daniel Undurraga)与胡安·巴勃罗·奎瓦斯(Juan Pablo Cuevas)于 2015 年在智利圣地亚哥创立,是一项按需生鲜配送服务。公司并未自建仓库,而是派出「个人代购员」深入现有的本地超市与药店挑选商品,再直接送到顾客手中——这种模式让它能够迅速在「生鲜与日用杂货」这一当时大多数电商创业公司尚未涉足的品类中快速铺开。上线不久,业务便从圣地亚哥拓展到墨西哥城,成为 2010 年代中期拉丁美洲按需生鲜配送浪潮中较具代表性的案例之一。
公司成长速度之快,引来了沃尔玛的关注,后者于 2018 年出手,试图收购其多数股权。这笔交易招来了墨西哥反垄断监管机构 COFECE 的审查——该机构对按需生鲜配送市场的集中度表示担忧,最终重塑了沃尔玛参与该公司的条款,而非放行一次不受阻挠的多数股权收购。这一事件成为拉丁美洲竞争监管机构介入平台与零工经济领域收购案的一个早期知名案例。
此后,Uber 逐步建立起自己在公司中的地位,并最终收购了全部股权,在随后几年间将 Cornershop 并入 Uber Eats 的生鲜配送业务。本设计系统所记录的,正是 Cornershop 作为一家独立品牌公司的时代——那套智利与墨西哥消费者所熟悉、并将其与这款 App 联系在一起的「清新绿配白」杂货界面,出现在它被并入 Uber 更广泛产品体系之前。
在这整段历程中,品牌视觉出人意料地保持了高度一致:这是一种由设计系统主导的产品品牌打法——同一个绿色家族、同一套白卡语言、同一套亲切的几何无衬线字体,贯穿公司的市场营销、配送 App 与包装,让一家在不到十年间两度易主、又在多国快速扩张的创业公司,始终保有一份连贯的身份认同。
Cornershop App 的视觉特征是什么?
一个绿色家族
这套体系依靠的不是单一的标志色,而是一整个协调统一的鲜活绿色家族:一种深邃的森林调用作底色,一种更明亮的标志绿专门留给主强调,还有更沉稳的辅助绿用于次级状态。每一种色调都各有分工,而它们之间的层级关系,正是让整套色板显得平静而非嘈杂的关键。
货架卡片隐喻
白色表面被当作货架卡片来处理——那种带边界、井然有序的矩形,承载着一件商品、一个价格,或一段内容,就像一张贴着标签的货架牌承载着一件商品的信息。白色从来不是页面本身;它永远是坐落在绿色底面上的、一个具体、有边界的物件。
亲切的商品摄影
图像偏好明亮、打光良好、直白呈现真实商品的摄影,而非风格化插画或抽象图形。整体调性亲切、日常——正是顾客期待在自己收到的那件商品照片中看到的那种语气。
整洁的几何字体
字形现代而几何,为快速扫读价格、数量与配送时段而生,而非追求表现力。字体的调性高效而值得信赖,服务于这套体系的生鲜物流功能,而不与商品摄影争夺注意力。
平静、宽绰的构图
每一张白卡内部都留有宽绰的呼吸空间,呼应着一排整齐、货品充足的货架,而非一个杂乱的折扣箱。即便屏幕上需要同时展示大量商品,密度也被刻意保持在较低水平——因为「平静」是一项明确的品牌价值,而非偶然产生的效果。
底色反转逻辑
这套系统深绿色的底面,是对一个原本以白色为底、绿色仅作强调的品牌的刻意再诠释。正确运用这套系统,意味着要保留这一反转——绿底、白卡——而非退回到白底版面,那样会错误地还原这套特定设计系统本该运作的方式。
以克制建立信任
这套体系的每一个元素——收窄的绿色家族、单一的强调色、朴素的几何字体、诚实的商品摄影——都是为了清晰易读与建立信任而选,而非为了新奇感。这是一个人们要靠它把真实的杂货正确送到家门口的服务品牌,而这份克制,正是赢得这种可靠感的原因,而非事后叠加上去的装饰。
谁塑造了 Cornershop App?
Cornershop 2015 年在圣地亚哥的联合创始人之一,参与打造了「个人代购员」配送模式,并带领公司完成向墨西哥的扩张,以及后续与沃尔玛、Uber 相关的收购历程。
Cornershop 的联合创始人之一,是在公司拓展至墨西哥、并成长为同代拉丁美洲最具代表性的创业公司之一以前,在智利市场建立起其生鲜配送模式的团队成员。
Cornershop 的联合创始人之一,是公司在圣地亚哥创立、并随后发展为服务智利与墨西哥两国的跨国生鲜配送平台的创始团队成员。
Cornershop 属于 2010 年代中期席卷拉丁美洲各大城市的按需生鲜与配送创业浪潮的一部分,这些公司彼此竞争,试图解决生鲜配送的「最后一公里」难题。这场运动带来的竞争压力,以及后来沃尔玛、Uber 等更大型国际平台主导的整合浪潮,共同塑造了 Cornershop 从独立创业公司走向并入 Uber Eats 的轨迹。
今天怎么用 Cornershop App?
在演示文稿中,封面适合处理成一片深邃森林绿的底面,承托醒目的白色或浅色字体,并在一角固定一枚白色货架卡片元素——作为整套体系核心视觉动作的预告,而非完整的卡片版面。内容页则应把重心转向白色卡片,让正文与图像栖息其中,使绿色底面成为构图的画框,而非占据主要阅读区域。
幻灯片中的数据非常适合直接采用货架卡片隐喻:把一项指标或统计数字处理成绿色底面上一张独立的小型白卡,标志性的强调绿只留给被重点突出的那个具体数字或趋势。若把整张图表都染上多种绿色,则会削弱这个绿色家族本应提供的层级关系。
对于网页界面,这套体系非常适合生鲜、外卖配送与物流类产品,也能自然地延伸到希望传达「新鲜与平静」而非「紧迫感」的健康、可持续与产地直送类消费品牌。在仪表板中,工作面板应当是白色的货架卡片表面;在定价页面上,各档位处理成绿色底面上一张张独立的白卡效果很好,强调绿则留给推荐档位或主要的行动号召按钮。
在编辑与营销语境中,这套体系尤其适合以商品摄影为核心的叙事——在绿色底面上,围绕真实、打光良好的商品图像搭建的主视觉区域,读起来新鲜可信,而非泛泛的科技创业公司渐变风。它比那些没有实体可拍摄的抽象软件品类,更自然地适配食品、生鲜与日用必需品相关的营销内容。
最常见的错误,是让绿色底面蔓延到本该是白色货架卡片的区域,这会搅浑这套体系所依赖的那份平静,也让密集信息在有色背景上难以扫读。第二个常见错误,是把这个绿色家族当作可以互换而非有层级之分的颜色来用——多种绿色以同等权重并置使用,会抹去底色、强调色与辅助状态之间原本清晰的区分,而正是这种区分赋予了色板秩序。
Cornershop App · 常见问题
Cornershop 真实的 App 是不是也是绿底配白色货架卡?还是深色底面是这套设计系统独有的处理?
原始的消费者端 App 以白色为主导底色,绿色主要留给强调元素与品牌点缀。而这套设计系统为适配屏幕使用,刻意反转了这一关系,把深邃森林绿变为底色,白色则专门留给卡片表面。两种处理都取自同一个绿色家族,但底色反转是一次经过考量的再诠释,而非对原始 App 版面的原样复刻。
Cornershop 这家公司后来怎么样了?
它从一家在圣地亚哥创立的创业公司,成长为一个跨国的拉丁美洲生鲜配送平台,2018 年曾遭遇沃尔玛的多数股权收购企图,被墨西哥反垄断监管机构重塑了条款,最终被 Uber 全资收购,并将其业务并入 Uber Eats 的生鲜配送板块。本设计系统所记录的品牌身份,属于它作为一家独立品牌公司的那个时代。
这和泛泛的「生鲜 App 绿」色板有什么不同?
泛泛的生鲜 App 绿,往往只是在普通的白色或灰色界面上,用一种绿色作为平面强调色。而这套体系建立在一个内部层级清晰、彼此协调的绿色家族之上,配合反转的深色底面结构、一套关于白色如何使用的具体货架卡片隐喻,以及亲切商品摄影与整洁几何字体的稳定搭配——这是一整套连贯的品牌体系,而非单一的选色决定。
这套体系能不能用浅色背景来代替深绿色底面吗?
可以,这样做会让整套体系更接近原始 App 本身的浅底版面,但仍应保留绿色家族的层级关系与货架卡片逻辑——一种标志性的强调绿、用于次级状态的辅助绿,以及有意为之地使用卡片或有边界的表面,而非到处铺满颜色。如果只是把底色换成白色却不保留这套结构,得到的只会是一个泛泛的浅色界面,而非这套体系可辨识的变体。
这种风格最适合哪类产品或品牌?
它直接适合生鲜、外卖配送与物流类产品,也能自然延伸到希望传达新鲜、有序与平静可信感的健康、可持续与产地直送类品牌。对于没有实体可供拍摄的品类,或是希望传达紧迫感、高能量调性的品牌,这种风格的适配度较弱,因为整套体系的逻辑都建立在「平静」之上,而非「兴奋」。
一家生鲜配送品牌的视觉身份,为什么值得当作设计系统来研究?
因为 Cornershop 是「设计系统主导产品品牌」在真实速度与规模下运作的一个案例:一家公司跨国扩张、两度易主,却依然靠一套自律的绿色家族与统一的卡片加摄影语言,让产品、营销与包装在视觉上保持连贯。正是这种自律——而非一个聪明的标志——让这个品牌在快速增长与公司易主中始终没有失去可辨识度,而这恰恰是快节奏产品团队值得学习的那种体系。