Add a logo and keep it scannable
Upload a mark in the editor. Brand Sync pulls a palette in the browser and checks contrast before you export.
About 2 min
Open the generator
Go to the full editor. The homepage card can preview a template logo. Your own file is uploaded in the editor’s Logo section.
Upload the file
PNG, JPG, SVG, and WebP are accepted, up to 5 MB. SVG files that contain scripts are rejected. The palette extraction runs in the browser with Vibrant.js, so the file does not have to leave the device for the color step.
Read the contrast check
Brand Sync applies the palette and checks the modules against the background at a 3:1 scannability ratio. A pass applies immediately. A fail asks the scannability service for an adjusted palette, with an 800 ms timeout. If that call does not return, the editor falls back to a dark-on-white or light-on-dark pair sampled from the logo, and offers “Use my original colors”.
Export
Download PNG, JPG, SVG, or a print-ready PDF from the Export section. A logo that covers the center needs the higher error-correction setting if a phone cannot read the code.