NShop
Admin guide

Branding

Logo, hero image, and primary color per tenant.

Make the store look like your store. From /admin/settings/branding:

  • Logo — PNG with transparent background, at least 256 × 256. Used in the header, emails, and invoices.
  • Hero banner — at least 1600 × 600. Used on the home page above the product rail.
  • Primary color — a hex value. Used for buttons, accents, focus rings, and links.

How the color is applied

NShop converts your hex to HSL at request time and writes a per-page <style> override that maps hsl(var(--accent)) to your color. The design system stays intact — only the accent changes — so every page adopts the color without weird side-effects on contrast or readability.

Image hosting

Branding images are stored as you uploaded them (no auto-resize, unlike products). Upload at the target resolution. They're served from Firebase Storage with a CDN-friendly URL.

On this page