(Brand guidelines) // Business software
Shopify brand
guidelines
Shopify’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from shopify.com.
Download the Brand Skill- Shopify green#95BF47
- Dark green#5E8E3E
- Vivid green#36F4A4
- Deep teal#061A1C
About Shopify
Shopify is a commerce platform for businesses selling online, in person, and across other channels. Its brand pairs a confident, forward-looking voice with a clean digital experience and a vivid green accent.
Shopify logo
Shopify’s primary logo combines its brandmark, the Shopping Bag, with an italic wordmark. Use it in full color wherever possible, and use the version with a white wordmark on dark or busy backgrounds. The S on the Shopping Bag is always white.
Use the Shopping Bag alone only when the wordmark would be illegible, when a full-color logo is nearby, where the brand is already established, or where space is very limited. Keep clear space around the logo equal to the wordmark’s x-height, and around the Shopping Bag equal to half the S. Don’t set the logo below 80 pixels wide on screen.
Shopify colors
Shopify green
The Shopping Bag
HEXRGBDark green
The Shopping Bag’s shaded side
HEXRGBVivid green
Website accent and highlights
HEXRGBDeep teal
Dark website backgrounds
HEXRGBBlack
The wordmark and dark backgrounds
HEXRGBWhite
The S on the bag, text on dark backgrounds
HEXRGB
Shopify fonts
Shopify Inter
Heading · 300, Body · 300, Buttons · 550
Font names only. The Brand Skill download doesn’t include font files.
Shopify’s voice
Write with optimism, conviction, and momentum. Speak plainly about what Shopify helps people do, then connect the benefit to a bigger ambition. Prefer short, active sentences, clear verbs, and direct address. A playful turn of phrase can add energy when it stays easy to understand.
- “Dream big and build fast on Shopify. The world’s best commerce platform”
- “Show up everywhere. Without going anywhere”
- “Your brand has entered the chat”
- “Rock steady. Blazing fast”
Dos and don’ts
Do
- Use the full-color primary logo wherever possible, and the white-wordmark version on dark backgrounds.
- Use Shopify Inter across headings, body copy, and interface text.
- Let vivid green punctuate a high-contrast palette.
- Write in an optimistic, active voice that puts the reader’s ambition and next step first.
- Use plain language and concrete benefits; add playful phrasing only when it remains clear.
Don’t
- Don’t use the wordmark alone, stack the logo, or create your own version of it.
- Don’t stretch, rotate, or add gradients or shadows to the logo, or use the old logo.
- Don’t set the logo on busy or low-contrast backgrounds.
- Don’t make copy needlessly technical, indirect, or weighed down with long explanations.
- Don’t let playful language obscure the point or the action.
Shopify imagery
244 images from shopify.com, in 2 files of the Brand Skill. Each file starts with its guidance, then shows the images it refers to.
Commerce and campaign imagery
60 imagesShopify’s marketing imagery connects commerce to the people and places behind it: stores, makers, products, and in-person selling. Use natural moments and useful context alongside clear views of Shopify’s commerce experience. Shopify’s own campaign visuals also use bold, playful illustrations and product-led compositions.
Product interfaces and experience imagery
184 imagesShow Shopify’s own product screens, interface components, and product experience when designing product-led work, across storefront editing, checkout, point of sale, international selling, B2B commerce, marketing tools, finance, workflow automation, and analytics. Treat merchant storefronts and third-party marks shown within product views as part of the depicted interface, not as Shopify identity assets.
Download Shopify’s Brand Skill
A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow Shopify’s guidelines. It starts at SKILL.md, which points to the right file for each task.
It has the guidance, 263 images and the logos. The font files belong to Shopify Inc, so they’re left out.
shopify-brand-skill/
├ SKILL.md
├ README.md
├ references/
│ ├ dos-and-donts.md
│ ├ colors.md
│ ├ logo.md
│ ├ typography.md
│ ├ voice.md
│ ├ imagery-commerce-and-campaigns.md
│ └ imagery-product-interface.md
└ assets/
├ images/
└ logos/
Rainbrand’s Brand Agent built this Brand Skill from shopify.com on 30 Oct 2026. It isn’t Shopify’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand.
Shopify and its logos are trademarks of Shopify Inc. Rainbrand isn’t affiliated with or endorsed by Shopify Inc.
Make one for
your brand.
Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date.
Open the Rainbrand plugin and add it.
Open Rainbrand plugin (opens in a new tab)Connect your Rainbrand account when asked. It works in ChatGPT and in Codex.
More brand guidelines
See all brandsAttio brand guidelinesBusiness software
Clay brand guidelinesBusiness softwareHubSpot brand guidelinesBusiness software








































































































































































































