Branding
Branding lets you make Bokapsys look like your company. Upload your logo and pick your brand colour, and they replace the Bokapsys defaults across the app and on what your customers see. Changes apply to every member of the workspace as soon as you save them.
Open it from Branding under Account in the sidebar.
Before you start
Section titled “Before you start”Anyone who can view company settings can open Branding. To change it, your role needs permission to edit company settings. Without it, the page shows your current branding and a note that you can’t change it.
Where your branding appears
Section titled “Where your branding appears”| Logo | Brand colour | |
|---|---|---|
| The app: sidebar, buttons, links, active tabs and charts | Yes | Yes |
| Invoice PDFs | Yes | Yes |
| Emails to your customers | Yes | Yes |
| The online payment page for your invoices | Yes | Yes |
Each workspace has its own branding. If you belong to several workspaces, each one looks the way its own admins set it.
Add your logo
Section titled “Add your logo”- Go to Branding.
- In Company Logo, select Choose Logo and pick an image file.
- Check the preview, then select Upload Logo. To pick a different file, select Cancel.
For the best result, use a PNG or SVG with a transparent background, about 400 × 120 pixels. The file can be up to 5 MB.
To go back to the Bokapsys logo, select Use default.
Set your brand colour
Section titled “Set your brand colour”- In Brand Colour, pick one of the Presets, or enter your own colour under Custom hex. Type a six-character hex code such as
#0F766E, or use the colour picker beside it. - Check the Preview, which shows a summary tile, buttons, an active tab and a link in your colour.
- Select Save colour.
Bokapsys works out the lighter and darker shades it needs, for hover states and highlight tiles, from the one colour you choose. To go back to the Bokapsys blue, select Use default.
Fine-tune the look
Section titled “Fine-tune the look”Below the brand colour, five more cards let you adjust the app’s appearance in detail. Each has presets, a custom hex field, a preview and a Use default button.
- Surface Tone: the background behind every page, including the sidebar and header.
- Card Surface: the colour cards, dialogs, menus and the chat panel sit on.
- Text Colour: headings and body text.
- Sidebar Text: the colour of sidebar items that aren’t selected. The selected item always uses your brand colour.
- Secondary Button: the background of secondary buttons.
Surface Tone, Card Surface and Text Colour apply in light mode only. In dark mode, Bokapsys uses its own dark backgrounds and text so everything stays readable.