Logos

Most brands have more than one logo: a horizontal lockup, a vertical stack, an emblem, a version for dark backgrounds and one for light, full color and single color. braaand keeps them all together, each tagged with what it is and where it works.

What braaand knows about each logo

Each logo card answers two questions:

• Use on: dark backgrounds, light backgrounds, or both.
• Colors: the logo keeps its own colors, or it is painted to match the background (only a one-color SVG can be recolored).

Under more settings you'll also find its shape (horizontal, vertical, emblem, or your own), the width a new logo slot starts at, and a priority for when two logos fit equally.

You rarely have to answer these yourself. When a logo comes in, braaand reads the file: a logo whose outline is mostly black is set to light backgrounds, a mostly white one to dark backgrounds, and a one-color SVG to both, recolored. If a logo is set for a background it disappears on (a black wordmark on dark), its card says so and offers the fix in one click.

How the right one gets picked

A layout asks for what it needs, like "a vertical logo for a dark background", and braaand finds the best match on its own. If there's no exact match it falls back sensibly rather than showing nothing. A single recolorable SVG tagged "either" can serve both dark and light backgrounds, since braaand tints it to suit.

And if a layout doesn't say which to use, the background decides: a dark layout reaches for the on-dark logo, a light one for the on-light. Flip the background and every logo on the canvas swaps with it.

What templates get

Above the cards, What templates get shows the logo a template receives for each shape on each background, drawn on that background. It is the same choice a render makes, so what you see there is what your ads get.

To force a particular logo into a slot, pick it under the preview. A logo you pick always wins that slot, over shape, background and priority. Leave it on Automatic and braaand chooses.

Picking is how an animated logo becomes your real one. A mark that draws itself is still a logo: assign it to a slot and every layout using that slot gets it, animated when the design plays and frozen on its chosen still frame everywhere else. Braaand can't tell whether a file's still frame matches your static wordmark, so it never assumes — you say so. The static version stays in the library for downloads and for other tools.

Replacing a logo

Replace file on a logo's card swaps in a new version of the file. The logo keeps its place, its settings and any slot it was picked for, and every template and creative using it updates. If the new file can't do something the old one could (a multicolor file can't be recolored), the card adjusts that one setting and leaves the rest.

Animated logos

An SVG that carries its own animation is added full color rather than recolorable, and that is deliberate: recoloring rewrites every fill in the file, including the ones the animation is driving, which usually breaks it. If yours is a single-color mark that recolors cleanly, switch it back on the logo's card.

Which frame it shows when nothing is playing is set on the asset, not per layout — open it in Assets and use the Animation panel. See Motion.