How to Build a Brand Style Guide for Your Store (With Template)

Who it is for

Store owners building or tidying a brand

Time needed

An afternoon for the one-page version

What you need

Your logo files and current store

Most of the stores I'm asked to fix don't have a design problem. They have a consistency problem. The homepage uses one shade of green, the product pages use another, the emails use a third, and the Instagram posts use whatever the freelancer had open that week. Shoppers can't name what's wrong, but the store feels less trustworthy than it should.

A brand style guide fixes that, and it doesn't need to be a 60-page agency PDF. This guide walks through what goes into one, how I build one with store owners in an afternoon, and exactly where each rule lives inside Shopify so the theme, checkout and emails actually follow it. Shopify features and limits below come from Shopify's Help Center, as checked on 7 November 2026.

What a brand style guide is, and what it isn't

A brand style guide is a reference document that records the decisions behind your brand's look and voice, so anyone who touches the store makes the same choices you would. It covers visual rules (logo, color, typography, imagery) and verbal rules (tone, vocabulary, formatting).

It isn't a brand strategy. Your positioning, audience and story come first, and the style guide turns them into rules. If you haven't written your story yet, do that before you pick fonts. My guide on writing an About page that builds trust covers the raw material you'll need.

It also isn't a mood board. A mood board shows what you like. A style guide says what to do: "Use Forest Green #1F4D3A for buttons, never for body text."

The one-page brand style guide template

Start here. Fill in each row, and you have a working guide that a designer, a copywriter or your future self can follow. Add detail only when someone gets a decision wrong.

How to create a brand style guide in seven steps

This is the order I use with store owners. Each step takes 20 to 40 minutes if you've already written down who you sell to.

1. Audit what you already have. Screenshot your homepage, a product page, the cart, an order confirmation email and your last five social posts. Lay them side by side and circle every inconsistency: colors, fonts, button styles, tone.
2. Pick the version you'll keep. For each inconsistency, choose one winner. Usually it's the one on your best-selling product page, because customers already know it.
3. Lock the logo rules. Decide which logo version goes where (full, stacked, icon), the minimum size, and what it may sit on. Export clean PNG files at the sizes Shopify asks for.
4. Build the palette. Choose one primary color, one or two accents, a background and a text color. Give each a job, then test the contrast of every text and background pair.
5. Choose two fonts. One for headings and one for body text is plenty. Make sure both are available in your theme's font picker, or budget for adding a custom font.
6. Write the voice rules. Pick three traits and pair each with what it is not. Then write two or three "write this, not that" examples for each.
7. Set the image rules. Record lighting, background, angle, crop ratio and whether people appear. Attach three photos that get it right.

Logo and color rules that survive real use

Logos break in predictable places: a dark footer, a small mobile header, a square social avatar, a favicon. Record a version for each. Shopify stores two logo types in brand assets: a default logo, which must be at least 512 pixels wide, and a square logo, where Shopify recommends at least 512 x 512 pixels. Both accept PNG or JPEG.

For color, the rule that matters most is contrast. WCAG 2.2, the accessibility standard most stores are measured against, sets a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text, which it defines as at least 18 point, or 14 point bold. Pale gray body text on a cream background is the most common failure I see on new brands. It looks soft in a mockup and unreadable on a phone in daylight.

Typography: two fonts and a size scale

Record the font names, the weights you use and a size scale. A simple scale might be 16px body, 20px for subheadings, 28px for section titles and 40px for page titles on desktop, scaled down on mobile. Most Shopify themes let you set heading and body fonts, plus a font size scale, in the theme's Typography settings.

Two rules save the most trouble. Never set body text below 16px on mobile, and never use your display font for paragraphs. Decorative fonts work for a headline of five words, not for a returns policy.

Voice and copy rules, with examples

Voice is the part of a style guide that most stores skip and most need. It decides how product descriptions, emails, error messages and support replies sound. The quickest way to define it is to place your brand on two scales.

Then write paired examples. These are the entries that make a style guide useful, because a writer can copy the pattern.

Photography and product images

Image rules keep a catalog looking like one store when photos come from different shoots, suppliers or user content. Record the background (pure white, a set color, or a lifestyle scene), the lighting, the main angle, the crop ratio, and how many images each product needs.

The crop ratio matters most on Shopify, because collection grids look broken when one product is square and the next is portrait. Pick one ratio, usually square or 4:5, and set your theme's product card image ratio to match.

Put the guide into Shopify

A style guide only works if the store enforces it. Here's where each rule goes, using current Shopify admin paths.

1. Brand assets. Go to Settings > General, then click Manage in the Brand assets section. Add your default and square logos, primary and secondary colors, a cover image (Shopify recommends at least 1920 x 1080 pixels), a slogan of up to 80 characters and a short description of up to 150 characters. Compatible themes and apps pull these in automatically. Note that brand assets can't be localized by market or language.
2. Theme colors and fonts. Go to Online Store, click Edit theme, then open Theme settings (the gear icon). Set colors and typography there. Many themes use color schemes, groups of background, text and button colors you apply to sections, and allow up to 21 of them. Newer themes such as Horizon 4.0.0 and later use named color palettes instead, which update everywhere when you change one.
3. Logo in the theme. In the same Theme settings, open Logo to set the header logo, its alt text and desktop width.
4. Checkout and customer accounts. Go to Settings > Checkout and open the checkout and accounts editor, which Shopify includes from the Basic plan up. Set the logo, colors and fonts so checkout matches the store. Deeper styling through the Checkout Branding API is limited to Shopify Plus.
5. Notification emails. Go to Settings > Notifications and add your logo and accent color to the email templates, so order confirmations look like your brand.
6. Custom CSS, sparingly. Themes include a Custom CSS setting. Use it for small fixes only. If you need a lot of it, your theme isn't the right base, and a Shopify developer should change the theme properly instead.

If you're still choosing a theme, read Dawn vs premium Shopify themes first. How many color and font controls a theme offers decides how much of your guide you can apply without code.

Brand style guide examples, by store type

These are illustrative entries I've written to show the level of detail that helps. They aren't real brands.

• A candle brand. Voice: warm, not sentimental. Colors: ink #22201C text, wax #F4EFE6 background, ember #B4532A buttons. Images: low evening light, one candle per frame, no stock flames. Words: "burn time", never "lasts forever".
• A supplements store. Voice: precise, not clinical. Rule: every benefit line links to the ingredient it comes from. Formatting: doses always as "500 mg", with a space. Images: white background for packshots, real people for lifestyle, no lab coats.
• A B2B parts supplier. Voice: expert, not stiff. Rule: part numbers go in the first line of every product title. Colors: navy for trust, one safety orange for stock alerts only.

Common mistakes

• Too many colors. More than five roles and nobody remembers which is which. Cut until each color has one job.
• No contrast check. A palette that fails 4.5:1 can't be fixed later without changing the brand.
• Voice traits with no examples. "Friendly" means something different to every writer. Paired examples remove the guesswork.
• Rules the theme can't follow. Picking a font your theme doesn't offer means custom code on every update.
• Forgetting checkout and email. Shoppers notice when the brand disappears at the moment they pay.
• Writing it once. Review the guide every six months, or whenever you add a channel.

Brand style guide checklist

• Logo versions exported: full, icon, light and dark, at 512px or larger.
• Palette of five roles or fewer, with hex codes and a job for each.
• Every text and background pair passes 4.5:1, or 3:1 for large text.
• Two fonts, a size scale, and a 16px minimum for body text on mobile.
• Three voice traits, each with a "not" partner and two examples.
• A vocabulary list of words to use and avoid.
• Image rules: background, light, angle, crop ratio, images per product.
• Brand assets saved in Settings > General.
• Theme colors, fonts and logo set in Theme settings.
• Checkout and notification emails branded to match.

Next steps

Block out an afternoon, fill in the one-page template, and apply it in Shopify the same day while the decisions are fresh. Then look at your store on a phone and check that the homepage, a product page, checkout and the confirmation email all feel like one brand. If they don't, or if your theme won't bend to the guide, I'm happy to review your store for free and tell you what to change first.

Frequently asked questions

Sources

1. Managing brand assets, Shopify Help Center
2. Theme settings, Shopify Help Center
3. Checkout extensibility, Shopify Help Center
4. Understanding Success Criterion 1.4.3: Contrast (Minimum), W3C

Related services and work

Written by Ashraf Siddik

I'm a Shopify developer and CRO specialist. I have built and improved Shopify stores since 2018, completed more than 1,000 projects, and hold a 4.96 average rating across 719 client reviews.

About me · Client reviews