Skip to content

Logo, favicon, and brand basics

Your logo and favicon are the first things a shopper recognizes. They take only a few minutes to set, and they make an immediate difference to how finished your store feels. Backline keeps them deliberately simple: Logo and Favicon are two separate groups in Theme settings, each holding a single image field, so there is nothing to configure beyond choosing good artwork.

  1. In the theme editor, open Theme settings → Logo.
  2. Upload your logo. A transparent PNG or an SVG stays crisp at every size.
  3. Open the Header section and set the logo width so it sits comfortably without crowding your menu.

Backline gives you two places to upload a logo, and knowing how they relate saves you a puzzled afternoon:

  • Theme settings → Logo: your store-wide mark. Fill this one in first. It is what the theme reaches for anywhere a logo is called for outside the header.
  • Header → Logo: an optional override for the header only. Upload something here and it takes priority at the top of every page, while your store-wide logo carries on everywhere else.

Most stores only ever need the first. Reach for the header override when the top of the page asks for something different, such as a one-color version that sits better on a dark header, or a tighter crop that reads at header height. Whichever you use, keep both fields current when you rebrand so the two never drift apart. The Logo and favicon settings page covers the image requirements in more detail.

The favicon is the small icon in the browser tab, and it lives in its own group at Theme settings → Favicon. Upload a simple, square version of your mark, at least 128 px so it stays sharp on high-resolution screens. Fine detail disappears at that size, so a bold, uncomplicated shape works best.

Because the header can carry a different color scheme from the rest of the page, check that your logo reads well on every background you actually use. A logo with clear space around a solid mark is the safest choice. If your logo only works on a light background, keep the header on a light scheme and you are set. See Color schemes for how schemes are built and Header and footer sections for the header’s own layout options.

  • Add your store name and a short tagline in your Shopify settings, so search results and shared links look tidy.
  • Add your social profiles in Theme settings → Social media, so the icons in your footer point at accounts that are actually live. See Social media.
  • Pair your mark with type that suits it in Typography. Logo and headings doing the same thing is most of what people mean by a brand looking considered.
  • Keep your logo, colors, and fonts consistent with the rest of your brand. That consistency is what makes a small shop feel established.