Design - Feature Guide
The Design section lets you customise how your store looks, including colours, fonts, logo, icons, and more. You can find it in your store dashboard under Design in the sidebar.
Colour Scheme
Choose a colour scheme that matches your niche and brand. FreshStore offers a range of pre-built colour schemes that apply across your entire store: header, buttons, links, and backgrounds.
Pick a colour scheme that matches the mood of your niche. For example, earthy tones for outdoor/garden niches, clean blues for tech, or warm colours for food and cooking.
Typography
The Typography settings let you change the fonts used across your store. You can adjust:
- Font family: choose from a range of web-safe and Google Fonts
- Font size: adjust the base size for body text and headings
- Font weight: control how bold or light the text appears
- Alignment: set the default text alignment
Stick to one or two fonts for a clean, professional look. Avoid overly decorative fonts for body text. Readability is more important than style.
Logo
Upload your store logo from the Images section within Design. Your logo appears in the header of your store and is one of the first things visitors see.
For best results:
- Use a transparent PNG file
- Keep the file size small for fast loading
- Make sure it looks good on both light and dark backgrounds
Don't have a logo yet? Use the AI Logo Designer feature to generate one. It costs 50,000 AI Chips and creates a custom logo based on your store name and niche.
🔗 AI Logo Designer feature guide
Store Icon (Favicon)
The Store Icon is the small image that appears in browser tabs and bookmarks. Upload a square image (at least 180x180 pixels) that represents your store, typically a simplified version of your logo or your brand's initials.
🔗 How to change your store favicon
Store Images
Your store comes with default placeholder images for the hero section, social sharing, and other areas. You can replace or remove these in Design > Images.
Replacing a default image
Go to Design > Images in your store dashboard. You will see fields for each image type (hero image, social image, etc.). Click on an image to upload your own replacement.
Removing a default image
To remove a default image without replacing it, click on the image in Design > Images and delete it. If the image is required for a section to display properly (e.g. the hero image), removing it may hide that section or show a blank area instead.
Tip: If you are using an Instant Store, it will come with pre-selected images that match the niche. You can replace all of these with your own images to make the store unique.
You can also use the AI Image Generator or PixaBay to find and create images directly from your dashboard.
🔗 AI Image Generator feature guide
🔗 PixaBay Images feature guide
🔗 How to change the social image of your store
🔗 How to change your store logo
Global Settings
The Global section within Design covers settings that apply across your entire store, such as:
- Header layout: how your navigation and logo are arranged
- Footer options: what appears at the bottom of every page
- Sidebar settings: control what widgets and content appear in the sidebar
Article Settings
These settings control how your articles (blog posts/content pages) are displayed, including layout, author display, date visibility, and featured image positioning.
Links
The Links section lets you control how links appear across your store, including link colours, hover effects, and whether external links open in a new tab.
Custom CSS
If you need more control over your store's appearance, you can add custom CSS through the Header Scripts and Meta Tags setting in Store Settings.
🔗 Can I add custom CSS to my store?
Tips
- Don't over-customise early. Focus on content first, then polish the design later.
- Preview your changes on mobile as well as desktop.
- Consistent branding (colours, fonts, logo) builds trust with your visitors.