Skip to content
Tools home/Brand kit

Brand kit

Organize brand colors and asset guidelines.

Using this tool

Select your own local files, check the supported formats and processing options, then review and download the result in the browser.

Your tool inputs and processing results are not published as part of this page. Review the tool instructions before entering sensitive information.

Brand kit

From standard colors to reusable brand assets

Spend less time finding files and more time creating. Group colors and logos by brand and keep watermark rules consistent.

Features

Brand colors

Separate palettes per brand with HEX, RGB and CSS variable copying.

Logo library

Add logos in batches, check transparency on different backgrounds and download PNGs.

Watermark presets

Maintain text and logo presets, inspect layouts and back up the whole library.

How to use

  1. Create a brand named for a client or project, then switch with the brand selector.

  2. Add named brand colors and upload the logo versions you need.

  3. Create a watermark preset, set type, position, size and opacity, review and save.

  4. Copy colors, download logos or export all brands; import the backup in another browser.

Limits & storage

Library capacity
Up to 20 brands; 24 colors, 20 logos and 20 presets each. Total encoded logo data is capped at 20 MB.
Image processing
Images become static PNGs with transparency and a longest edge up to 2048px. SVGs are rasterized; vector originals are not stored.
Saved locally
Saving succeeds only after the local transaction commits. Imports are validated before appending; stale tabs cannot overwrite newer data.

Use cases

Keep each client’s logos, colors and presets separate to avoid mixing assets.

Share exact colors and preset parameters with designers to reduce rechecking.

Move projects between computers using backups that preserve logos and preset links.

FAQ

Do assets sync to other devices?

No. Storage is separate per browser and site; domains and ports have independent libraries. Use backup export and import to move assets.

Can I recover the library after clearing site data?

Only from a backup you kept. Private browsing, storage eviction and site-data clearing can remove local data. Keep important backups somewhere reliable.

Why can’t some SVG files be added?

Only static SVGs without scripts, external links or active elements are accepted. For font, filter or external-image dependencies, export a transparent PNG first.

Do presets apply watermarks to images?

The kit saves and previews branding rules without batch-editing images. Copy preset settings or export a backup, then use the same size, position and opacity in your editor.

Using this tool

Select your own local files, check the supported formats and processing options, then review and download the result in the browser.

Your tool inputs and processing results are not published as part of this page. Review the tool instructions before entering sensitive information.

Read the free tools workflow guide ↗

Related tools