How to set up custom branding in JobSheet
Before you start
Document logo for invoices, quotes, and job sheets is included for every workspace. Upload it under Workspace → Branding without the add-on.
Custom branding is a paid monthly add-on for app colours, a separate menu logo (light mark for the dark sidebar), the home-screen icon, and the Branded document layout. Only the workspace admin can enable it and edit those fields.
- Open Subscription.
- Under Change your plan, set Custom branding to Yes, then choose Update subscription (active card) or Save plan choices (trial / before billing). On trial you can still Add card with this plan when you are ready to bill.
- During a trial, choose Add card details and complete checkout if prompted. If you already have a subscription, set Custom branding to Yes, confirm with Update subscription, and wait for the green tick. Stripe prorates the add-on on your next invoice.
See Custom branding feature guide for what changes for engineers.
Set colours, logos, and icon
- Open Workspace → Branding.
- Under Document logo, choose Add image or Replace image (PNG, JPEG, or WebP). Prefer a dark mark on a light or transparent background for invoices and PDFs. Use PNG if the background should stay transparent. It saves immediately when uploaded.
- With custom branding on your plan, under Colours, logo, and icon, set Primary colour, Secondary colour, and optional Menu colour (hex values or the colour picker).
- Under Menu logo, optionally upload a light mark for the dark sidebar and for the header in dark mode. Use a transparent PNG so it sits on the menu colour without a black box. If you leave this empty, JobSheet uses the document logo on those dark surfaces. Menu logo saves immediately when uploaded.
- Under Home-screen icon, upload a square PNG or JPEG for installed PWAs on engineers’ phones. Icon saves immediately when uploaded.
- Colour changes save when you pause. A green tick appears on the colour row.
Primary drives buttons, links, and accents. Menu colour tints the sidebar (and the whole shell in dark mode). Pick colours that stay readable on both light and dark screens.
Brand colours in light mode
Each team member still chooses light or dark in Your account → Appearance. Your brand colours apply in both themes.
After you save branding, open Dashboard (or any main screen) with Appearance set to Light. Buttons, kickers, and the sidebar follow your primary and menu colours.
Brand colours in dark mode
Switch Appearance to Dark (or ask a colleague who prefers dark). The same primary colour still marks buttons and accents. Menu colour becomes the base for the dark shell, so a strong menu hex keeps the app on-brand in the van as well as in the office.
You do not need separate brand settings for each theme. One set of colours covers both.
After you publish branding
- With the add-on, the sidebar shows your menu logo when set, otherwise the document logo (it replaces the company name text there). The header uses the document logo in light mode and the menu logo in dark mode when you have one.
- Printed invoices, credit notes, quotes, and job sheets show your logo (included for every workspace). With the add-on you can confirm the Branded layout under Workspace Templates so prints use your brand colours as a colour letterhead (choose a document template).
- Engineers may need to remove and re-add Add to Home Screen on some phones to pick up a new icon.
- Light and dark are personal preferences. They do not change your saved Workspace colours.