What is Cornershop App?什么是 Cornershop App？
Cornershop takes a Latin American grocery-delivery startup's fresh-green-on-white brand and inverts it into a deep forest-green field where white shelf cards carry the calm.Cornershop 把一家拉美生鲜配送创业公司「清新绿配白」的品牌语言反转过来，化作一片深邃森林绿的底面，让白色货架卡片来承载那份平静。
Cornershop App in briefCornershop App 速览
Cornershop is the design identity of the Chilean-Mexican grocery-delivery startup of the same name, later acquired by Uber. The brand it is drawn from was built on a fresh-green-on-white grocery interface: clean white shelf cards, friendly product photography of the actual groceries being delivered, and a tidy, modern geometric sans that kept prices, quantities, and delivery times easy to scan at a glance. Rather than a single signature color, the brand's system codifies an entire family of vivid greens, each doing a slightly different job.Cornershop 是同名智利-墨西哥生鲜配送创业公司的设计身份，这家公司后来被 Uber 收购。它所取材的品牌，建立在一套「清新绿配白」的杂货界面之上：干净的白色货架卡片、真实呈现所配送商品的亲切商品摄影，以及一套整洁现代的几何无衬线字体，让价格、数量与配送时间都能一眼扫清。这个品牌的体系并非只有一种标志色，而是将一整个鲜活的绿色家族编纂成体系，每一种绿色各司其职。
Rendered as a screen design system, the relationship is deliberately inverted. The page ground becomes a deep grocery forest-green drawn from that same green family, rather than the white the original app used as its base. The brand's signature fresh green is kept as the accent color, and white is reserved specifically for shelf cards — the surfaces that actually hold products, prices, and content — rather than for the page itself.转化为屏幕设计系统之后，这层关系被刻意反转了过来。页面底色变成了取自同一绿色家族的深沉杂货森林绿，而非原始 App 所使用的白色底面。品牌的标志性清新绿依然被保留为强调色，白色则被专门留给货架卡片——那些真正承载商品、价格与内容的表面——而非页面本身。
The result reads as calm, clean, and produce-fresh rather than loud or saturated. Despite the deep green ground, nothing about the system feels dark or heavy: the white cards do the visual work of freshness and order, the way a well-organized grocery shelf feels calm precisely because each item has its own clearly bordered space.呈现出的效果是平静、洁净，带着一种刚上架般的新鲜感，而非喧闹或高饱和。尽管底色是深邃的绿色，整套系统却毫无沉重或压抑之感：真正承担「新鲜」与「秩序」这份视觉工作的是那些白色卡片——就像一排整理有序的货架之所以让人觉得平静，正是因为每件商品都有自己清晰划界的空间。
See the Cornershop App design system查看 Cornershop App 完整设计系统
Where does Cornershop App come from?Cornershop App 从何而来？
Cornershop was founded in 2015 in Santiago, Chile, by Oskar Hjertonsson, Daniel Undurraga, and Juan Pablo Cuevas, as an on-demand grocery-delivery service. Rather than building its own warehouses, the company sent personal shoppers into existing local supermarkets and pharmacies to pick items and deliver them directly to customers — a model that let it launch quickly across a category, groceries and everyday essentials, that most e-commerce startups of the period were not yet tackling. It expanded from Santiago into Mexico City soon after launch, becoming one of the more prominent examples of the Latin American on-demand grocery wave of the mid-2010s.Cornershop 由奥斯卡·耶尔通松（Oskar Hjertonsson）、丹尼尔·翁杜拉加（Daniel Undurraga）与胡安·巴勃罗·奎瓦斯（Juan Pablo Cuevas）于 2015 年在智利圣地亚哥创立，是一项按需生鲜配送服务。公司并未自建仓库，而是派出「个人代购员」深入现有的本地超市与药店挑选商品，再直接送到顾客手中——这种模式让它能够迅速在「生鲜与日用杂货」这一当时大多数电商创业公司尚未涉足的品类中快速铺开。上线不久，业务便从圣地亚哥拓展到墨西哥城，成为 2010 年代中期拉丁美洲按需生鲜配送浪潮中较具代表性的案例之一。
The company grew quickly enough to attract attention from Walmart, which moved to acquire a majority stake in 2018. That deal drew scrutiny from Mexico's antitrust regulator, COFECE, which raised concerns about market concentration in on-demand grocery delivery and ultimately reshaped the terms of Walmart's involvement rather than allowing an uncontested majority acquisition. The episode became a notable early case of Latin American competition regulators intervening in a platform and gig-economy acquisition.公司成长速度之快，引来了沃尔玛的关注，后者于 2018 年出手，试图收购其多数股权。这笔交易招来了墨西哥反垄断监管机构 COFECE 的审查——该机构对按需生鲜配送市场的集中度表示担忧，最终重塑了沃尔玛参与该公司的条款，而非放行一次不受阻挠的多数股权收购。这一事件成为拉丁美洲竞争监管机构介入平台与零工经济领域收购案的一个早期知名案例。
Uber subsequently built its own position in the company and went on to acquire full ownership, folding Cornershop into Uber Eats' grocery-delivery operations in the years that followed. The design identity this system documents belongs to Cornershop's era as a distinct, independently branded company — the fresh-green-on-white grocery interface that consumers in Chile and Mexico associated with the app before its integration into Uber's broader product family.此后，Uber 逐步建立起自己在公司中的地位，并最终收购了全部股权，在随后几年间将 Cornershop 并入 Uber Eats 的生鲜配送业务。本设计系统所记录的，正是 Cornershop 作为一家独立品牌公司的时代——那套智利与墨西哥消费者所熟悉、并将其与这款 App 联系在一起的「清新绿配白」杂货界面，出现在它被并入 Uber 更广泛产品体系之前。
Throughout this arc, the visual brand stayed remarkably consistent: a design-system-led approach to product branding in which the same family of greens, the same white card language, and the same friendly geometric sans carried through the company's marketing, its delivery app, and its packaging, giving a fast-scaling, multi-country startup a coherent identity even as its ownership changed hands twice in under a decade.在这整段历程中，品牌视觉出人意料地保持了高度一致：这是一种由设计系统主导的产品品牌打法——同一个绿色家族、同一套白卡语言、同一套亲切的几何无衬线字体，贯穿公司的市场营销、配送 App 与包装，让一家在不到十年间两度易主、又在多国快速扩张的创业公司，始终保有一份连贯的身份认同。
What defines the Cornershop App look?Cornershop App 的视觉特征是什么？
A Family of Greens一个绿色家族
Rather than one signature color, the system works with a coordinated family of vivid greens: a deep forest tone for the ground, a brighter signature green reserved for the primary accent, and quieter supporting greens for secondary states. Each shade has a distinct job, and the hierarchy between them is what keeps the palette calm rather than busy.这套体系依靠的不是单一的标志色，而是一整个协调统一的鲜活绿色家族：一种深邃的森林调用作底色，一种更明亮的标志绿专门留给主强调，还有更沉稳的辅助绿用于次级状态。每一种色调都各有分工，而它们之间的层级关系，正是让整套色板显得平静而非嘈杂的关键。
The Shelf-Card Metaphor货架卡片隐喻
White surfaces are treated as shelf cards — the bordered, orderly rectangles that hold a product, a price, or a piece of content, the same way a labeled shelf tag holds one item's information. White is never the page; it is always a specific, bounded object sitting on the green ground.白色表面被当作货架卡片来处理——那种带边界、井然有序的矩形，承载着一件商品、一个价格，或一段内容，就像一张贴着标签的货架牌承载着一件商品的信息。白色从来不是页面本身；它永远是坐落在绿色底面上的、一个具体、有边界的物件。
Friendly Product Photography亲切的商品摄影
Imagery favors bright, well-lit, straightforward photography of real products rather than stylized illustration or abstract graphics. The tone is approachable and everyday — the same register a shopper would expect from a photo of the actual item arriving at their door.图像偏好明亮、打光良好、直白呈现真实商品的摄影，而非风格化插画或抽象图形。整体调性亲切、日常——正是顾客期待在自己收到的那件商品照片中看到的那种语气。
Tidy Geometric Typography整洁的几何字体
Letterforms are modern and geometric, built for quick scanning of prices, quantities, and delivery windows rather than for expressive character. The typographic tone is efficient and trustworthy, supporting the system's grocery-logistics function rather than competing with the product photography for attention.字形现代而几何，为快速扫读价格、数量与配送时段而生，而非追求表现力。字体的调性高效而值得信赖，服务于这套体系的生鲜物流功能，而不与商品摄影争夺注意力。
Calm, Generous Composition平静、宽绰的构图
Each white card carries generous internal breathing room, echoing the sense of an orderly, well-stocked shelf rather than a cluttered discount bin. Density is kept low even where a screen must show many items at once, because calm is a stated brand value, not an incidental effect.每一张白卡内部都留有宽绰的呼吸空间，呼应着一排整齐、货品充足的货架，而非一个杂乱的折扣箱。即便屏幕上需要同时展示大量商品，密度也被刻意保持在较低水平——因为「平静」是一项明确的品牌价值，而非偶然产生的效果。
The Ground-Inversion Logic底色反转逻辑
This system's deep-green ground is a deliberate reinterpretation of a brand whose original app used white as its base and green only as accent. Applying the system correctly means preserving that inversion — green ground, white cards — rather than reverting to a white-ground layout that would misrepresent how this particular design system is built to work.这套系统深绿色的底面，是对一个原本以白色为底、绿色仅作强调的品牌的刻意再诠释。正确运用这套系统，意味着要保留这一反转——绿底、白卡——而非退回到白底版面，那样会错误地还原这套特定设计系统本该运作的方式。
Trust Through Restraint以克制建立信任
Every element of the system — the narrow green family, the single accent, the plain geometric type, the honest product photography — is chosen for legibility and trust rather than novelty. This is a brand for a service people rely on for their actual groceries arriving correctly, and the restraint is what earns that reliability, not a decorative afterthought layered on top of it.这套体系的每一个元素——收窄的绿色家族、单一的强调色、朴素的几何字体、诚实的商品摄影——都是为了清晰易读与建立信任而选，而非为了新奇感。这是一个人们要靠它把真实的杂货正确送到家门口的服务品牌，而这份克制，正是赢得这种可靠感的原因，而非事后叠加上去的装饰。
See the Cornershop App design system查看 Cornershop App 完整设计系统
Who shaped Cornershop App?谁塑造了 Cornershop App？
One of Cornershop's co-founders in Santiago in 2015, part of the leadership that built the personal-shopper delivery model and steered the company through its expansion into Mexico and its subsequent acquisition history with Walmart and Uber.Cornershop 2015 年在圣地亚哥的联合创始人之一，参与打造了「个人代购员」配送模式，并带领公司完成向墨西哥的扩张，以及后续与沃尔玛、Uber 相关的收购历程。
A co-founder of Cornershop, part of the team that established its grocery-delivery model in the Chilean market before the company's expansion into Mexico and its growth into one of the more prominent Latin American startups of its generation.Cornershop 的联合创始人之一，是在公司拓展至墨西哥、并成长为同代拉丁美洲最具代表性的创业公司之一以前，在智利市场建立起其生鲜配送模式的团队成员。
A co-founder of Cornershop, part of the founding team behind the company's launch in Santiago and its subsequent development into a multi-country grocery-delivery platform serving Chile and Mexico.Cornershop 的联合创始人之一，是公司在圣地亚哥创立、并随后发展为服务智利与墨西哥两国的跨国生鲜配送平台的创始团队成员。
Cornershop belongs to a broader wave of on-demand grocery and delivery startups that emerged across Latin America in the mid-2010s, competing to solve last-mile grocery delivery in major cities. This movement's competitive pressure, and its later wave of consolidation by larger international platforms including Walmart and Uber, shaped Cornershop's trajectory from independent startup to an integrated part of Uber Eats.Cornershop 属于 2010 年代中期席卷拉丁美洲各大城市的按需生鲜与配送创业浪潮的一部分，这些公司彼此竞争，试图解决生鲜配送的「最后一公里」难题。这场运动带来的竞争压力，以及后来沃尔玛、Uber 等更大型国际平台主导的整合浪潮，共同塑造了 Cornershop 从独立创业公司走向并入 Uber Eats 的轨迹。
How do you use Cornershop App today?今天怎么用 Cornershop App？
For presentation slides, a cover works well as a deep forest-green field carrying bold white or light type, with a single white shelf-card element anchoring a corner — a preview of the system's core visual move rather than a full card layout. Content slides should shift the balance toward white cards holding the body text and imagery, letting the green ground frame the composition rather than dominate the reading area.在演示文稿中，封面适合处理成一片深邃森林绿的底面，承托醒目的白色或浅色字体，并在一角固定一枚白色货架卡片元素——作为整套体系核心视觉动作的预告，而非完整的卡片版面。内容页则应把重心转向白色卡片，让正文与图像栖息其中，使绿色底面成为构图的画框，而非占据主要阅读区域。
Data on slides suits the shelf-card metaphor directly: a metric or statistic rendered as its own small white card against the green ground, with the signature accent green reserved for the specific number or trend being highlighted. Coloring an entire chart in multiple greens undercuts the hierarchy the family of greens is built to provide.幻灯片中的数据非常适合直接采用货架卡片隐喻：把一项指标或统计数字处理成绿色底面上一张独立的小型白卡，标志性的强调绿只留给被重点突出的那个具体数字或趋势。若把整张图表都染上多种绿色，则会削弱这个绿色家族本应提供的层级关系。
For web interfaces, this system is a strong fit for grocery, food-delivery, and logistics products, and extends naturally to wellness, sustainability, and farm-to-table consumer brands that want to signal freshness and calm rather than urgency. On a dashboard, working panels should be the white shelf-card surfaces; on a pricing page, each tier reads well as its own white card on the green field, with the accent green reserved for the recommended tier or the primary call-to-action button.对于网页界面，这套体系非常适合生鲜、外卖配送与物流类产品，也能自然地延伸到希望传达「新鲜与平静」而非「紧迫感」的健康、可持续与产地直送类消费品牌。在仪表板中，工作面板应当是白色的货架卡片表面；在定价页面上，各档位处理成绿色底面上一张张独立的白卡效果很好，强调绿则留给推荐档位或主要的行动号召按钮。
In editorial and marketing contexts, the system supports product-photography-forward storytelling particularly well — hero sections built around real, well-lit imagery of the product on a green ground read as fresh and trustworthy rather than as a generic tech-startup gradient. It suits food, grocery, and everyday-essentials marketing more naturally than it suits abstract software categories with nothing physical to photograph.在编辑与营销语境中，这套体系尤其适合以商品摄影为核心的叙事——在绿色底面上，围绕真实、打光良好的商品图像搭建的主视觉区域，读起来新鲜可信，而非泛泛的科技创业公司渐变风。它比那些没有实体可拍摄的抽象软件品类，更自然地适配食品、生鲜与日用必需品相关的营销内容。
The most common mistake is letting the green ground spread into areas that should be white shelf-card surfaces, which muddies the calm the system depends on and makes dense information hard to scan against a colored background. A second mistake is treating the family of greens as interchangeable rather than hierarchical — using several different greens at equal weight erases the clear distinction between ground, accent, and supporting states that gives the palette its order.最常见的错误，是让绿色底面蔓延到本该是白色货架卡片的区域，这会搅浑这套体系所依赖的那份平静，也让密集信息在有色背景上难以扫读。第二个常见错误，是把这个绿色家族当作可以互换而非有层级之分的颜色来用——多种绿色以同等权重并置使用，会抹去底色、强调色与辅助状态之间原本清晰的区分，而正是这种区分赋予了色板秩序。
See the Cornershop App design system查看 Cornershop App 完整设计系统
Cornershop App — FAQCornershop App · 常见问题
Was Cornershop's real app actually green with white shelf cards, or is the dark ground unique to this design system?Cornershop 真实的 App 是不是也是绿底配白色货架卡？还是深色底面是这套设计系统独有的处理？
The original consumer app used white as its dominant base with green reserved mainly for accents and branding touches. This design system deliberately inverts that relationship for screen use, making the deep forest-green the ground and reserving white specifically for card surfaces. Both choices draw on the same underlying family of greens, but the ground-inversion is a considered reinterpretation, not a literal reproduction of the original app's layout.原始的消费者端 App 以白色为主导底色，绿色主要留给强调元素与品牌点缀。而这套设计系统为适配屏幕使用，刻意反转了这一关系，把深邃森林绿变为底色，白色则专门留给卡片表面。两种处理都取自同一个绿色家族，但底色反转是一次经过考量的再诠释，而非对原始 App 版面的原样复刻。
What happened to Cornershop as a company?Cornershop 这家公司后来怎么样了？
It grew from a Santiago-founded startup into a multi-country Latin American grocery-delivery platform, drew a majority-acquisition attempt from Walmart in 2018 that was reshaped by Mexican antitrust regulators, and was ultimately fully acquired by Uber, which folded its operations into Uber Eats' grocery-delivery business. The design identity captured in this system belongs to its era as an independently branded company.它从一家在圣地亚哥创立的创业公司，成长为一个跨国的拉丁美洲生鲜配送平台，2018 年曾遭遇沃尔玛的多数股权收购企图，被墨西哥反垄断监管机构重塑了条款，最终被 Uber 全资收购，并将其业务并入 Uber Eats 的生鲜配送板块。本设计系统所记录的品牌身份，属于它作为一家独立品牌公司的那个时代。
How is this different from a generic grocery-app green palette?这和泛泛的「生鲜 App 绿」色板有什么不同？
A generic grocery green tends to use one shade of green as a flat accent against an ordinary white or grey interface. This system is built on a coordinated family of greens with a clear internal hierarchy, an inverted dark-ground structure, a specific shelf-card metaphor for how white is used, and a consistent pairing of friendly product photography with tidy geometric type — a full, coherent brand system rather than a single color choice.泛泛的生鲜 App 绿，往往只是在普通的白色或灰色界面上，用一种绿色作为平面强调色。而这套体系建立在一个内部层级清晰、彼此协调的绿色家族之上，配合反转的深色底面结构、一套关于白色如何使用的具体货架卡片隐喻，以及亲切商品摄影与整洁几何字体的稳定搭配——这是一整套连贯的品牌体系，而非单一的选色决定。
Can this system work with a light background instead of the deep green ground?这套体系能不能用浅色背景来代替深绿色底面吗？
It can, and doing so moves the system closer to the original app's own light-ground layout, but it should still preserve the family-of-greens hierarchy and the shelf-card logic — one signature accent green, supporting greens for secondary states, and cards or bordered surfaces used deliberately rather than color washed everywhere. Simply swapping the ground to white without keeping that structure produces a generic light UI rather than a recognizable variant of this system.可以，这样做会让整套体系更接近原始 App 本身的浅底版面，但仍应保留绿色家族的层级关系与货架卡片逻辑——一种标志性的强调绿、用于次级状态的辅助绿，以及有意为之地使用卡片或有边界的表面，而非到处铺满颜色。如果只是把底色换成白色却不保留这套结构，得到的只会是一个泛泛的浅色界面，而非这套体系可辨识的变体。
What kinds of products or brands does this style suit best?这种风格最适合哪类产品或品牌？
It suits grocery, food-delivery, and logistics products directly, and extends naturally to wellness, sustainability, and farm-to-food brands that want to communicate freshness, order, and calm trustworthiness. It is a weaker fit for categories with nothing physical to photograph or for brands seeking an urgent, high-energy tone, since the system's whole logic is built around calm rather than excitement.它直接适合生鲜、外卖配送与物流类产品，也能自然延伸到希望传达新鲜、有序与平静可信感的健康、可持续与产地直送类品牌。对于没有实体可供拍摄的品类，或是希望传达紧迫感、高能量调性的品牌，这种风格的适配度较弱，因为整套体系的逻辑都建立在「平静」之上，而非「兴奋」。
Why does a grocery-delivery brand's identity matter enough to study as a design system?一家生鲜配送品牌的视觉身份，为什么值得当作设计系统来研究？
Because Cornershop is a case of design-system-led product branding working at real speed and scale: a company expanding across countries, changing ownership twice, and still keeping its product, marketing, and packaging visually coherent through a disciplined green family and a consistent card-and-photography language. That discipline — not a single clever logo — is what let the brand survive rapid growth and corporate transitions without losing recognizability, which is exactly the kind of system a fast-moving product team can learn from.因为 Cornershop 是「设计系统主导产品品牌」在真实速度与规模下运作的一个案例：一家公司跨国扩张、两度易主，却依然靠一套自律的绿色家族与统一的卡片加摄影语言，让产品、营销与包装在视觉上保持连贯。正是这种自律——而非一个聪明的标志——让这个品牌在快速增长与公司易主中始终没有失去可辨识度，而这恰恰是快节奏产品团队值得学习的那种体系。
Related design styles相关设计风格
Whole Foods MarketFarmer’s-market polish. Moss green on butcher-paper cream, white cards, growe…农贸市集的精致感：苔藓绿配牛皮纸奶油底，白卡片写下农场主。
Uruguayan Yerba MateCalm in deep green. Wood-tan rules, Recoleta type, and cream bands keep the r…深绿里保持安静。木棕细线与奶油色标签带，让仪式缓慢。
HeadspaceOptimism makes calm approachable. Sunrise orange and wobbly rounded forms bre…乐观让平静亲近：日出橙与摇摆圆形在奶油底上呼吸。
Scandinavian HyggeCalm is the brief. Greige walls, wool-grey cards, and one muted teal line.平静就是命题：灰米墙面、羊毛灰卡片与一抹灰青线。
AmazonUgly sells efficiently. Navy chrome, orange buttons, red prices crowd a dense…朴素而高效：深蓝导航、橙色按钮、红价挤满密集网格。
Balinese Coconut ShellQuietly hand-oiled. Near-black husk, chestnut planes, and sparse coir-tan gra…手工上油般克制：近黑椰壳底、栗棕面与少量椰棕纤维。