Docs/Logo pack

Get your logos on the board.

Your board ships with clean short-code badges. Swap in your own art whenever you want, one tile at a time or the whole board at once.

Two ways to add logos

Every team tile starts as a lettered badge (its team code). To replace a badge with real art, you add a square, transparent logo to that team's slot. You can do it two ways:

  • One at a time. Drag a single PNG or SVG onto a team's slot in your board's Team art panel. Good for fixing or updating one logo.
  • All at once. Name your files after the team codes, zip them up, and drop the one zip. The board sorts every file to the right tile in a single gesture. This is what the starter kits below are for.

Either way, your art is yours. The board never ships league logos for you; you bring the marks you have the right to use.

Format spec

Logos are normalized the moment they land, so they all render at the same visual size on the board. Give the normalizer clean input and every tile looks sharp.

512 × 512

Recommended size

A square PNG at 512 by 512 pixels. The board resamples every logo down to a 192-pixel tile with about 176 pixels of visible art, so 512 downscales cleanly. Larger is fine. Smaller renders blurry.

Transparent

Background

A see-through background and a square canvas. No white box, no colored card behind the mark. The board is dark, so anything that is not transparent shows as a halo.

PNG or SVG

Formats accepted

PNG or SVG. An SVG is rasterized to a 512 by 512 square when you upload it, then normalized like any PNG. JPG and other opaque formats are rejected, and so is a fully blank image with no visible pixels.

Formats accepted, in plain terms

The board accepts PNG or SVG. SVG is welcome; it is drawn to a 512-pixel square on the way in. What it will not take is a JPG (JPGs cannot be transparent) or an empty, fully transparent image with nothing to show. If a file is rejected, the board tells you which file and why.

How to name your files

One file per tile. The filename is the tile's short code, and nothing else. The board reads the name to know which tile the art belongs on.

  • Name it after the tile's short code. TEAM01.png, TEAM02.png, and so on. Your board's own accepted codes are shown right there in the Team art panel on your dashboard, next to each tile's current badge.
  • Case does not matter, but uppercase is the convention. TEAM01.png, team01.png, and TeaM01.PNG all match the same tile. Use uppercase to keep your folder tidy.
  • In a zip, keep files flat. All files sit at the top level of the archive, with no folders and no nested paths. Mac __MACOSX and ._ housekeeping files are ignored automatically.
  • Unknown names are skipped, never guessed. A file whose name does not match a short code on that board is reported and left out. The board never puts a mystery file on a random tile.

Accepted file names, for your board

The board tells you exactly which short codes it accepts and how many tiles you have - open your board's Team art panel and every tile is listed there with its code and current badge. This page only covers what is ours to guarantee: size, transparency, file type, and naming, all of which hold no matter how many tiles your board has.

Your logos are your responsibility

Use marks you have the rights to

BreakCast is the canvas - you bring your logos. The board never ships, hosts, or points you at anyone else's marks; it stores exactly the art you upload and nothing else. Make sure you own or are licensed to use whatever you drop onto a tile.

Uploading your logos

Open your dashboard and go to your board's Team art panel. Pick the option that fits.

ONE AT A TIME

Drag onto a tile

Drop a single PNG or SVG onto a team's slot. The badge is replaced with your art the moment it clears the checks. Best when you are adding or fixing one logo.

ALL AT ONCE

Drop one zip

Bundle every correctly named file into one zip and drop the zip. The board matches each file to its tile by name and applies them together, so a full roster goes on in a single step.

You get an honest report

A bulk upload never fails silently. The board shows you, file by file, what happened: added, replaced, rejected (with the reason), or no matching team. If three of your thirty files were named wrong, you will know exactly which three.

Starter kits: zero guesswork

Each starter kit is a zip of correctly named, correctly sized placeholder logos for one tile count, one file per tile. Download the kit that matches your board's tile count, replace each placeholder with your own art one to one (keep the exact file name), re-zip, and drop it on your board. You never have to guess a name or a size.

30-tile board 30 files · PNG · 512 × 512 Download 30-tile kit
32-tile board 32 files · PNG · 512 × 512 Download 32-tile kit

The placeholder art is a muted short-code card, sized and named exactly right (TEAM01.png through TEAM30.png or TEAM32.png). Swap the picture, keep the name, and your board takes it without a second thought.

Get it right the first time

Two things trip people up: a background that is not really transparent, and a file name that does not match a team code. Here is what each looks like.

Transparent art versus a white halo

Correct: transparent

The logo has a see-through background, so it sits cleanly on the dark tile and its edges blend in.

Wrong: white background

The same logo saved with a white background shows a bright square around the mark. Re-export it with transparency.

Correct versus incorrect file names

TEAM01.pngMatches the tile's short code exactly. Lands on the right tile.
my-logo-final(2).pngNo short code in the name, so it matches no tile and is reported as skipped.
team01_logo.pngRead as "team01_logo", which is not a short code. Rename it to just TEAM01.png.

Questions people ask

My logo has a white halo around it.

The source file is not actually transparent; it has a solid white background baked in. Open it in your image editor, remove the background so it is see-through, and re-export as a PNG with transparency. The halo goes away.

My logo is cropped or squished.

The image is not square. The board fits your art into a square tile, so a wide or tall image gets padded or looks off. Pad the artwork onto a square canvas (equal width and height) before you upload it.

Some of my logos did not upload.

Usually one of two things: the file name did not match a team code on your board, or the files were not flat at the top level of the zip (they were inside a folder). Check the per-file report, fix the names or the zip structure, and drop it again.

Can I use SVG?

Yes. The board accepts PNG or SVG. An SVG is rasterized to a 512 by 512 square when you upload it, then normalized like a PNG. JPG is not accepted, because a JPG cannot carry a transparent background.

What size is best?

512 by 512 pixels is the sweet spot. Larger is fine. Smaller renders blurry, because everything is normalized onto a 192-pixel tile with about 176 pixels of visible art, and upscaling a tiny source never looks crisp.