Visual Branding
Your storefront supports full visual customization through theme colors, uploaded logos, and background images. All settings are in Settings > Software & Hardware > Interfaces.
Theme Colors
Override the default application colors for both light and dark modes. Each mode has three color roles:
| Role | Purpose |
|---|---|
| Primary | Main brand color — headers, primary buttons, active states |
| Accent | Secondary color — call-to-action buttons, highlights, links |
| Warn | Alert color — error states, out-of-stock indicators, warnings |
Setup
- Navigate to Settings > Software & Hardware > Interfaces.
- Scroll to the Theme Colors section.
- Use the color picker for each role under Light Mode and Dark Mode.
- Click Save.
The colors apply immediately to all customer-facing pages. Staff-facing views use the same color overrides.
Logos and Images
Three image slots are available for branding:
| Image | Usage |
|---|---|
| Toolbar Logo | Displayed in the application header/toolbar |
| Background Logo | Full-page background image |
| Tiny Logo | Small icon — favicon, compact headers, notification icons |
Uploading Images
- Navigate to Settings > Software & Hardware > Interfaces.
- Scroll to the Images section.
- Click the uploader for each image slot.
- Select your image file.
- Click Save.
Images are uploaded to Amazon S3 storage. Recommended formats are PNG (logos with transparency) and WebP (background images).
Company Name Display
The Company Name Display field (in the Interfaces panel) controls the business name shown in:
- Page titles (appended after every content title:
Product Name | Your Company) - Login and welcome screens
- Receipt headers
- Open Graph social share titles
Set this to your storefront's customer-facing name. See On-Page SEO for how this affects search engine results.
Policy Page Link
The Policy Page Link field lets you provide a URL to your privacy policy, terms of service, or refund policy. This link is accessible from customer-facing pages.
- Navigate to Settings > Software & Hardware > Interfaces.
- Enter the full URL in Policy Page Link.
- Click Save.