, ,

Shopify Brand Guidelines: Green, the Bag & Polaris

·

Brand Guidelines · Field Guide

Shopify Brand Guidelines

A shopping bag that’s secretly an “S,” two greens with two jobs, and a design system a million merchants inherit.

FIG 1.0 — SHOPPING BAG (HOMAGE)

FIG 1.1 — CLEAN SANS
Aa

Two constants: a friendly green and a clean, workmanlike sans. Abstract homage — a generic bag, not the Shopify “S” bag or wordmark.

UI Green
#008060Product / Polaris
Logo Green
#95BF47The Shopping Bag
Mark
The BagReads as an “S”
System
PolarisFor merchants
01

A bag that’s an “S”

Shopify’s logo hides a tidy piece of visual wit — a shopping bag that also happens to be the first letter of its name.

The Shopify brandmark is officially called “The Shopping Bag”: a rounded green bag whose negative space forms a stylised “S.” It’s a small, satisfying two-in-one — instantly communicating “commerce” (the bag) and “Shopify” (the S) in a single shape, with the S always kept white regardless of background. It sits beside an italicised wordmark that leans slightly forward, hinting at momentum and growth. For a company whose whole pitch is “start selling,” a mark that literally is a shopping bag is about as on-message as design gets.

02

Two greens, two jobs

Shopify quietly runs not one green but two — and knowing which is which is the mark of an in-house team that has grown up.

The logo wears a bright lime green, around #95BF47 — energetic and optimistic, the face of the brand. But the product — the admin every merchant works in, built on the Polaris design system — uses a deeper, more serious #008060 for buttons, links and active states, because a UI colour needs stronger contrast and calmer authority than a logo does. They’re not “old vs new”; they’re two tools for two jobs. It’s a subtle but important discipline: the colour that sells the brand isn’t always the colour that runs the software.

Click to copy
UI Green
#008060
Product
Click to copy
Logo Green
#95BF47
The bag
Click to copy
Near Black
#1C201E
Type
03

Typography

Shopify’s type philosophy is refreshingly plain: get out of the merchant’s way.

Shopify’s marketing wordmark uses a bespoke, forward-leaning lettering, but the workhorse most people actually read is inside the product. The Polaris admin — where merchants build stores all day — is set in Inter, the open-source screen face prized for its clarity in dense, data-heavy interfaces. That’s a deliberate, humble choice: for a tool where someone is managing orders and inventory for hours, the best typography is the kind you never notice. Expressive branding on the outside; calm, legible neutrality on the inside.

Aa Bb Gg

Clear, neutral, screen-first — type built to run software, not to show off. (Specimen set in Hanken Grotesk; Shopify’s Polaris UI uses Inter.)

Polaris UI · InterMarketing · bespoke wordmarkClarity first

04

Polaris: design for a million merchants

Shopify’s most influential design work isn’t its logo — it’s the system that shapes millions of storefronts.

Polaris is Shopify’s design system: a public library of components, patterns, colour tokens and guidance that powers the admin and the apps built on top of it. Because so much of the internet’s commerce runs through Shopify, Polaris quietly sets the look and feel of countless stores and third-party tools — a huge, mostly invisible influence. It’s the modern truth about brand at scale, again: the real identity isn’t a colour swatch, it’s infrastructure — a documented system that lets thousands of people build things that all feel coherent.

05

A brand that speaks to builders

Shopify’s identity is aimed less at shoppers than at the people setting up shop.

Unlike a consumer marque that courts the person holding the credit card, Shopify designs almost entirely for the merchant — the founder at a kitchen table deciding whether to risk a first product launch. That audience shapes every choice: the optimistic lime bag reads as encouragement, the sober #008060 UI green reads as competence, and the plain Inter type inside Polaris keeps a long day of order-wrangling from feeling heavier than it already is. The tone across Shopify’s marketing has long leaned into words like “start” and “grow”, framing commerce as something anyone can attempt rather than a club with a bouncer.

That builder-first posture is why Shopify treats its storefront themes as part of the brand rather than an afterthought. Because merchants can restyle almost everything a customer sees, Shopify itself stays visually quiet at the point of sale — the checkout is one of the few surfaces where the company’s own design language is allowed to show through, and even there it is kept calm and trustworthy so a shopper never hesitates. The result is a brand comfortable being invisible in public and opinionated in private: expressive when it is recruiting the next entrepreneur, and deliberately unobtrusive once that entrepreneur is live and selling. It is an identity built around someone else’s success, which is a rarer thing in tech branding than it sounds, and it is a large part of why merchants describe the platform as a partner rather than a vendor.

06

Explore & save

Keep Shopify’s identity on hand — save it to a board in the Made Good inspiration library.

Shopify identity set

Pin the greens, the bag and the type to your own board.

Shopping Bag
Homage
Aa
Clean Sans
Inter in Polaris
Core Palette
Two greens

♡ Save to a board

07

Source & notes

Editorial reference. This article reports publicly documented facts about Shopify’s identity; it is not affiliated with, or endorsed by, Shopify. The Shopify “Shopping Bag” logo and wordmark are trademarks of Shopify — the graphics here are original abstract homages (a generic bag; colour swatches), not the Shopify mark, and are not reproduced from Shopify’s assets. Facts verified against Shopify’s brand-assets page and Polaris documentation; the Polaris admin UI uses Inter (the marketing wordmark is bespoke lettering).