Branding & White-Label โ
The Gang Sheet Builder supports full white-labeling โ your customers see your brand, not SaasyLlama's.
How Branding Works โ
When the builder loads, it reads your store's domain from the URL parameter (?shop=your-store.myshopify.com) and fetches your tenant configuration from the backend. The tenant config controls:
- Brand name
- Logo (light mode and dark mode variants)
- Brand colors
- Display mode (logo only, text only, or both)
- Available sheet sizes
Configuring Your Branding โ
Branding is configured in the backend's tenant settings. Contact support@saasyllama.com to set up or update your tenant configuration, or update it directly in the database if you're self-hosting.
Brand Name โ
The name displayed in the top bar of the builder. Example: Wildcats Print Shop.
Logo โ
Two logo variants are supported:
| Field | Description |
|---|---|
logoUrl | Logo shown in light mode |
logoDarkUrl | Logo shown in dark mode (falls back to logoUrl if not set) |
Recommended format: SVG or PNG with transparent background. The logo is displayed at up to 40px height in the top bar.
Display Mode โ
Controls whether the logo, brand name, or both appear in the top bar:
| Value | What shows |
|---|---|
both | Logo image + brand name text |
logo_only | Only the logo image |
text_only | Only the brand name text |
Brand Colors โ
Three colors are configurable:
| Key | Where it's used | Default |
|---|---|---|
primary | Buttons, active states, price display | #6366f1 (indigo) |
primaryHover | Button hover state | #818cf8 |
accent | "Fill Sheet" button, success indicators | #22c55e (green) |
Colors accept any valid hex value.
Dark / Light Mode โ
The builder ships with a dark theme by default. Customers can toggle to light mode using the sun/moon button in the View section of the Builder sidebar.
Their preference is remembered in localStorage for future sessions.
Both logo variants (logoUrl and logoDarkUrl) are swapped automatically when the theme changes.
Custom Domain โ
If you want the builder to be accessible at your own domain (e.g. builder.yourshop.com) instead of a generic Netlify URL:
- Add a custom domain in your Netlify/Vercel project settings.
- Create a CNAME DNS record pointing your subdomain to the Netlify/Vercel hostname.
- Update the button script on your Shopify product page to use the new URL.
This is optional but gives a more professional, fully white-labeled experience.
