Set my colors in Brand guidelines

Brand guidelines hold the colors new AI pages use when Colors is set to your store. Edit a color and click Save. To keep the colors we found, click Always use these colors. Your theme and existing pages don't change.

Before you start

You need active Plus. Without it you see "Brand guidelines come with Plus".

Set your colors

1. In Shopify admin, open Apps → Section Store → AI Pages.
2. Click the In the style of: chip, then Brand guidelines. The link also shows in the build form.
3. Pick your theme. Each theme has its own guidelines.
4. On your first visit you see "Reading your store's style…". We read your theme and storefront. You can leave. We keep going.
5. Change a color. Enter a hex color, such as #245B45.
6. Click Save.

Happy with the colors we found? Skip the edits and click Always use these colors. The button changes to Colors saved for new pages.

The colors

• Main colors: Page background, Main text, Accent, Text on accent.
• Supporting colors: Surface, Alternate surface, Secondary text, Borders.

Other actions

• Use detected color: puts one color back. Click Save after.
• Use detected colors for all: in the More actions menu, the three dots. Puts them all back and returns to automatic colors. Click Save after.
• Refresh from store: reads your store again. We keep your custom colors. Save or discard your edits first.

We read fonts, buttons, corners and spacing from your theme and storefront. They're read-only here.

Good to know

• Only new AI pages use these colors. To change a built page, edit it in the theme editor or build it again.
• Saving your colors stops us picking colors from product photos on an untouched theme.

If it doesn't work

• "Enter a valid hex color, such as #245B45." Check the code.
• "We couldn't read your store's colors." Click Try again, or Enter colors manually.
• "We couldn’t refresh your guidelines. Your saved settings still apply." Click Try again.
• "We couldn’t save your colors. Your edits are still here. Try again." Click Save again.
• "These guidelines changed in another tab." Click Review latest values or Keep my draft.

Related

• Choose the colors of an AI page
• Why are the colors on my AI page wrong?
• Fix the "We couldn't read your store's style" error

Also searched as: brand guidelines, brand colors, brand colours, always use these colors, colors saved for new pages, hex color, enter a valid hex color, save my colors, use detected colors, refresh from store, set store colors, accent color, brand kit, color palette, brand guidlines