In this article you'll find practical tips for finding and supplying your materials. We cover how to get your SVG logo out of Canva, where to find your colour codes, and which mistakes are best avoided.
Exporting SVG from Canva
If you have Canva Pro, you can export your logo as an SVG:
Open your logo design in Canva
Click Share in the top right
Click Download
Choose SVG as the file type
Click Download
[Screenshot: Canva export dialog with SVG selected]
Note: The free version of Canva doesn't support SVG export. You need Canva Pro. If you don't have Canva Pro, ask your graphic designer for the original vector file.
What if you don't have an SVG?
If you really can't find an SVG, there are a few options:
Ask your graphic designer. This is always the best option. A designer can convert your logo to SVG, even if they didn't design it originally.
Send a high-resolution PNG. At least 1000 x 1000 pixels. This is a fallback option, not a permanent solution. The quality on documents is noticeably lower.
Contact your onboarding specialist. In some cases we can help convert your logo.
Finding colour codes with your browser
The easiest way to find your colour codes is via your own website:
Open your website in a browser (Chrome, Firefox or Edge)
Right-click on a coloured element (for example your menu, a button, or a banner)
Click Inspect (or Inspect element)
A panel opens. Look for
background-colororcolorThat's where the colour code is, for example
#3A78F2orrgb(58, 120, 242)
[Screenshot: Browser inspector with a HEX colour code highlighted]
Other ways to find your colour codes
Brand guide or brand kit. If you have a brand guide, the colour codes are in there.
Ask your graphic designer. They'll have the colour codes to hand.
Use a colour picker tool. There are free tools you can use to pick a colour from your screen:
ColorZilla (browser extension for Chrome and Firefox)
Coolors (online colour palette tool)
On macOS: open the Digital Color Meter app (included by default)
Tip: Send your website URL to your onboarding specialist. We'll look up the colour codes for you. This takes 2 minutes.
Common mistakes
Mistake 1: PNG instead of SVG for your logo
This is the most common mistake. A PNG logo looks fine on your screen, but becomes blurry on a PDF quote. Always supply an SVG.
How to spot it: Your file ends in .png or .jpg instead of .svg.
Fix: Ask your graphic designer for the original vector file. If you made the logo in Canva, upgrade to Canva Pro and export as SVG.
Mistake 2: Giving colour codes from memory
"Our blue" is not a colour code. Every shade of blue has a different HEX code. Without the exact code, the result can look slightly different than you expect.
How to spot it: You give a colour name instead of a HEX code (e.g. "dark blue" instead of "#021B4E").
Fix: Look up the exact HEX code via your website, brand guide, or a colour picker tool.
Mistake 3: Outdated terms and conditions
If you've used the same terms for years, check whether they're still up to date. Standard removal industry terms are regularly updated by the trade association.
How to spot it: Your terms contain a date that's several years old.
Fix: Download the latest version from your trade association or contact your legal advisor.
Mistake 4: Logo with a white background
A logo with a white background (instead of a transparent background) creates a white block on your documents. That looks unprofessional, especially on coloured backgrounds.
How to spot it: Open your logo file and you see a white square around it.
Fix: Ask your graphic designer for a version with a transparent background (PNG with transparency, or better: SVG).
Mistake 5: Not sending an example quote or invoice
Without an example, your onboarding specialist has to guess what your quote should look like. That results in extra rounds of corrections and takes more time.
How to spot it: You think "we'll sort that out during the session."
Fix: Send your most recent quote and invoice in advance, even if they're not perfect. It's about the structure: what information is on it, how it's laid out, what wording you use.
Tips
Create a folder on your computer. Call it "Bas Onboarding" and collect all files there. That way you have everything to hand.
Ask your graphic designer early. Requesting an SVG logo can take a few days. Send the request straight away.
Check your files. Open each file to check the right logo/document is in it. We regularly receive files that aren't right (old logo, wrong version).
Supply in high quality. The better the quality of your supplied materials, the better the end result on your documents.
Note
SVG is required for your logo. PNG gives poor quality on PDF documents. This isn't something we can fix later - the quality depends on the source file.
Colour codes must be exact. A small difference in colour code gives a visibly different result. Always use the exact HEX code, not an approximation.
Terms and conditions are sent automatically. As soon as you upload them and quote messages are turned on, every customer receives them with the quote. Make sure it's the right version.
Without an example quote and invoice, building templates takes more time. Supply this, even if your current quote isn't perfect.
Next step: Checking your company settings - check your name and address details, upload your logo and set up your signature.