Visual identity

Branding

Logo, colors and graphic elements of the Batlify brand

Logo variations

More formats for download will be added over time

On dark background

Download SVG Download PNG

On light background

Download SVG Download PNG

On gradient

Download SVG Download PNG

Coming soon

Usage guidelines

How to work with our branding correctly

Do

Use the official files provided for download on this page
Choose the variant with enough contrast against the background
Keep the logo's original proportions
Leave enough clear space around the logo

Don't

Don't change the logo's colors or any of its parts
Don't distort, rotate or otherwise alter the logo
Don't add shadows, outlines or other effects
Don't place the logo on low-contrast or cluttered backgrounds

Clear space & minimum size

Always keep clear space around the logo at least as wide as the letter "B" in the wordmark. Never use the logo smaller than 24px tall (or 15mm in print) - anything smaller becomes hard to read.

Brand colors

The core palette used across the website and the logo

Navy 900

#0d1b4d

Navy 800

#142868

Navy 700

#1a3480

Blue 500

#2f7cf6

Blue 400

#4fa6ff

Blue 300

#7fc2ff