(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
- Icon · SVGDownload Shopify Shopping Bag mark
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.
More from the Brand Skill
Commerce and campaign imagery
Shopify’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
Show 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.
This copy includes the guidance and logos. It leaves out the reference images and font files.
Download the Brand Skillshopify-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/logos/
├ shopify-lockup.svg
├ shopify-lockup-white.svg
└ shopify-bag.svg
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 softwareMailchimp brand guidelinesBusiness software

