You can find my channel in the Marvel Champions Custom Content discord.
It's a tool for creating custom Marvel Champions cards in your web browser!
It's meant to make it easy to create "good enough" cards -- especially for custom card creators, printing errata, and making alternate art.
It will not make perfect copies of cards, nor will it ever. That's not the goal. The goal is good enough. Don't ask for perfect. taps "good enough"
Any requests about how "this doesn't look perfect" or "that is not exactly like a real card" will be ignored, or I will make you feel terrible for not reading this text.
Just enjoy this free thing that I gifted to the world, and take it easy dude.
You need to use a desktop chromium browser like Chrome or Edge. Other browsers may not work, including mobile browsers, even if the card looks fine on the web page.
I know about these. Please don't nag me about fixing them. If you see tiny formatting issues (like a pixel off), I will not fix those. Remember -- it's good enough.
So you encountered a problem? First, check if it's in the Known Issues list.
Second, if this is something that is just a tiny tiny bit off compared to a real card, I do not care. Learn Photoshop, or just deal with it.
If it isn't either of those, contact me here and provide:
I won't promise that everything will get fixed, but I will definitely take a look. I'll ignore issues like "This is one pixel off". I already know it's not perfect. taps "good enough"
bIt will automatically use the right font for each section. However, you may want to use fonts in other places like adding TRAITS in the rules text.
There are also special characters you may want to use like u or - or p .
When you click on a field to edit it, a set of buttons will open up beneath it. Click on the special character buttons, and that character will be added at your cursor position.
To change the font style of text to italics, bold, or Traits, highlight that text, then click the style button.
You can also add special symbols and fonts via HTML tags. Just paste the code below in the input field.
| Symbol | Example | Code |
|---|---|---|
| Acceleration | a | <code>a</code> |
| Boost icon | b | <code>b</code> |
| Crisis | c | <code>c</code> |
| Consequential damage | d | <code>d</code> |
| Energy | e | <code>e</code> |
| Amplify boost | f | <code>f</code> |
| Per player | g | <code>g</code> |
| Per pod / group | t | <code>t</code> |
| Hazard | h | <code>h</code> |
| Artist | i | <code>i</code> |
| Mental | m | <code>m</code> |
| Infinity | n | <code>n</code> |
| Physical | p | <code>p</code> |
| Boost star | s | <code>s</code> |
| Unique | u | <code>u</code> |
| Per player | v | <code>v</code> |
| Wild | w | <code>w</code> |
| Cost arrow | - | <code>-</code> |
| Long dash | — | — |
| Rules line break | line 1 line 2 | <hr class="br"/> |
| Rules horizontal line | <hr/> |
| Font example | Code |
|---|---|
| Traits | <em>Traits</em> |
| Bold action text | <b>Action</b> |
| Rules flavor text | <i>Flavor</i> |
All the text fields accept some HTML -- but not all HTML tags will work when you save to image, even if it looks correct in the preview.
For example, paste the code below into the Rules box to add a big, centered acceleration icon like a like in Dogpool:
<div style="line-height:300px;text-align:center;font-size:300px"><code>a</code></div>
Or add a unique icon to an ally name in the Title field like uNova Prime
<code>u</code>Nova Prime
There are more examples you can load in the tool or listed here which show you how text formatting works, and you can copy from them.
If you need more help with this, ask for help here.
The ideal background photo size is 1500px wide by 2150px high. If your photo is a different size, you can use the zoom and position tools to nudge it into the right place.
If you want the photo to sit on top of the card's content (like how Kamala's head sits over the name bar), you need to upload two photos: one photo that sits in the background of the card content (Photo Behind in the interface) and one photo that sits in front of the card content with lots of transparency so that the background shows through (Photo Front in the interface). Make sure the photos are the same size or you will have a bad time aligning them.
Headshots for the corner (for identity specific cards) need to be exactly 240x240px. You can toggle it appearing with the Show Corner Headshot option. No I will not add a feature to zoom them. There is some glitchy stuff that has to happen to headshots, and it's simpler to force you to make headshots exactly 240x240 than to fix it.
Any image format supported by your web browser will work (jpg, png, webp, etc), but it's better to use an image that supports transparency like .png especially for the front photo or the headshot so that the background shows through.
Below are example files many types of Marvel Champions card with lots of different examples of formatting. You can also load these using the Load an example field in the tool which has examples for every card type.
Click on the links below to open them in a new editor window.
| Card type | Card name | Notes |
|---|---|---|
| Ally | Dogpool | Big, centered acceleration icon in the text box. |
| Alter-ego | Jennifer Walters | "I object" has a special font in the rules text |
| Attachment | Advanced Glider | Uses the star in the ATK field |
| Attachment | Red Skull's Luger | Has lots of resource icons in the card text |
| Support | The Doomsday Chair | With the correct M.O.D.O.K. spelling! |
| Support | Superhuman Law Division | Shrink the Title when it is too big or long for the title spot. |
| Event | Call for Aid | |
| Side scheme | Pile It On! | |
| Obligation | Worried Father | Centered line of text in the rules box |
| Obligation | Affairs of State | Bullet point list in the text |
| Main scheme B | The Rise of Red Skull | |
| Main scheme A | The Rise of Red Skull | |
| Identity | Nightcrawler | |
| Alter-ego | Kamala Kahn | A custom art card where you can see the Photo Front layer on top of the card title |
| Villain | Red Skull |
Tell your friends! Marvel Champions is a great game, and custom content makes it even more fun.
You can also contribute code changes to fix problems you find. Check the Known Issues to see if there's something you can help with.
Thank you for trying this out! I hope it helps you make some awesome Marvel Champions cards.
Thank you to Hitch and the other people who worked on the tools and templates for Marvel Champions custom cards. I would not have been able to do this without their previous work.
Copyright landstander 2025.
