Card layout and information hierarchy

A card is a tiny user interface. Players glance at it dozens of times per game, often from across the table, often while holding a fan of five others. Good card layout answers the player's question before they finish asking it: what does this cost, what does it do, when can I play it? The tool for this is information hierarchy, arranging elements so the most-used information is the most prominent and the fastest to find.

Start by ranking what players need. In most card games the order is something like: the value they check constantly (cost, strength), the name, the ability text, then flavor and credits. Give the top of that list the biggest type, the strongest contrast, and the most predictable position. Corners matter enormously, because a fanned hand only shows one corner of each card, whatever players need while holding a hand must live there.

Consistency is more important than any individual choice. If cost is a number in the top left circle, it is in the top left circle on every card in the game, in the same font at the same size. Players build reflexes within their first few turns, and every exception you make forces them back to reading instead of recognizing. This is also why established games feel effortless: their layouts train you fast and never betray the training.

Finally, practice restraint. The most common layout mistake is cramming, shrinking text to fit one more line of rules. If the ability text does not fit comfortably at a readable size, the fix is usually editing the ability, not the font. Test layouts at real size, printed, at arm's length, under normal room light. A layout that only works on a bright monitor at 200 percent zoom does not work.

Video tutorials

How to make playing cards with CANVA and LAUNCH LAB (2024)

How to Write a Plot for your Story [Writer's Dice - Kickstarter Video]

Reference tutorials and tools

Try it in Runner

Put this concept into practice. Build your game visually and playtest it in Tabletop Simulator, no code required.

Open your dashboard