Colours & fonts
Three brand colours and one font setting control the look of the whole store.
All documentation
Where:AppearanceCustomizeSite Theme Configuration
- Primary – text and main buttons. Keep it dark for readability.
- Background – page background. White or a very light tint works best for product photos.
- Accent – hover colours, small headings, badges, the free-shipping bar and other highlights.
Individual areas (header, hero, side cards, benefits, product sections, newsletter, footer) have their own background colours in their sections.
Google Fonts hosted on your site
- 1Open Customize → Fonts.
- 2Pick a Body font and/or a Heading font from 18 curated fonts (e.g. Inter + Playfair Display).
- 3Click Publish. The font files are downloaded to your media folder, so visitors load them from your site — faster, and no data goes to Google.
Tip: System fonts (the default) load instantly and look native on every device. Choose "Theme default" to return to them.
Using any other font
The Font Family setting in Site Theme Configuration tells the store which font to use; it does not download fonts. Load the font with a font plugin, then enter the stack with fallbacks, for example "Poppins", Arial, sans-serif.
Need a hand? Support is $5 a year.
Get support →