Help › Store design
Change how your store looks
Store design sets the look of every page in your store at once. The preview beside the settings updates as you go, using sample products.
Pick a template
Under Template, choose one. The one buyers see now is marked Live.
- Clean is quiet and even. Your colors and type do the work.
- Bold has heavier headings and your color edge to edge.
- Editorial uses thin lines instead of boxes, even-width prices and a large opening letter. Its headings are always a serif: pick a sans heading font and Editorial swaps in Newsreader.
Set your colors
Start with Your brand colors: add up to six of your own, by picking one on the color wheel or typing its hex code (like #D53371), then Add. Until you change them, they're the colors your store already uses. Click the × on a color to remove it from the list. Colors already on your store stay put.
Then choose where each one goes. Click any swatch below to pick from your brand colors, or Any color for something else.
- Accent colors buttons, links and headings.
- Highlight colors sale tags and small fills.
- Lines colors borders and dividers.
- Hero band is the band at the top of your store and product pages. Reset puts back your template's own.
- Closing block is the buy section at the bottom of each page. It matches your accent unless you pick another; Match accent puts it back.
Show me under a color outlines everywhere it appears in the preview.
Type, shape and paper
- Suggested pairs sets your heading and body fonts together. It's the quickest place to start.
- Headings and Body text change either font on its own. Headings can be any of twelve fonts; body text offers the ones that stay easy to read in paragraphs. A mix that isn't one of the suggestions shows as Your own pairing.
- Labels are the small capitals above sections, like "FEATURED". Keep them in Figtree, or set them in your Heading font or Body font.
- Corners can be Sharp, Soft or Round.
- Spacing can be Tight, Even or Roomy.
- Paper is your page background: White, Ivory, Cream or Sand.
- Boxes around cards and Product thumbnails switch on or off. With thumbnails on, a product without a picture gets a cover in your colors.
Checkout appearance shows what sits under your pay button. You can turn off Show payment marks or Show security line.
Save or publish
Save draft keeps your changes without showing them to buyers. Published pages keep their current design. Publish design makes the new design live.
Your logo is set in Settings, not here. See Add your logo.