Standard trading card layout template #25

Open
opened 2025-05-24 15:02:28 -07:00 by waifu · 1 comment
Owner

We'd like to have a standard layout for the images in the game, having a consistent visual structure will help the game feeling. They could even be printed if someone wanted to have a physical version of the cards.

This would be a template, having a process that takes an image, along with the information of the card and generates the card image would be great so normal rareness cards can be produced easily. Rare cards could get changes in the template so they can be distinguished.

Layout Proposal

Card Size: Standard 2.5in x 3.5in, 800x1120px for 300dpi (Magic/TCG size, rounded edges)

Design Regions:

  • Top Name Bar: Name of the card (e.g., "Ai-chan Housewife")

  • Main Art Zone: Primary illustration area (portrait-focused, safe bleed margins)

  • Stats Row: Three icons with associated values:

    • Power (Yellow)

    • ❤️ Charm (Red)

    • 💫 Popularity (Blue)

  • Flavor Text Box: Bottom area for flavor/lore text (non-interactive, no abilities)

  • Rarity Marker: Top-right corner, e.g. "SSR" symbol or stars

  • Series Text: Footer line (e.g., "From the Fediverse Gacha Series" or similar)

Example AI generated image, perhaps something in SVG format would be better.

We'd like to have a standard layout for the images in the game, having a consistent visual structure will help the game feeling. They could even be printed if someone wanted to have a physical version of the cards. This would be a template, having a process that takes an image, along with the information of the card and generates the card image would be great so normal rareness cards can be produced easily. Rare cards could get changes in the template so they can be distinguished. ## Layout Proposal Card Size: Standard 2.5in x 3.5in, 800x1120px for 300dpi (Magic/TCG size, rounded edges) Design Regions: - Top Name Bar: Name of the card (e.g., "Ai-chan Housewife") - Main Art Zone: Primary illustration area (portrait-focused, safe bleed margins) - Stats Row: Three icons with associated values: - ⚡ Power (Yellow) - ❤️ Charm (Red) - 💫 Popularity (Blue) - Flavor Text Box: Bottom area for flavor/lore text (non-interactive, no abilities) - Rarity Marker: Top-right corner, e.g. "SSR" symbol or stars - Series Text: Footer line (e.g., "From the Fediverse Gacha Series" or similar) Example AI generated image, perhaps something in SVG format would be better.
3.1 MiB
waifu added the
Feature
Feedback Wanted
labels 2025-05-24 15:02:44 -07:00
VD15 added this to the v1.1 project 2025-05-24 15:12:27 -07:00
Collaborator

We could also do special rare variants of cards like pokemon rainbow rares. No functional difference, just looks cool:

image

We could also do special rare variants of cards like pokemon rainbow rares. No functional difference, just looks cool: ![image](/attachments/b62e68e1-a3f4-49f8-9ebb-d52211815577)
4.6 MiB
VD15 removed this from the v1.1 project 2025-05-25 08:01:03 -07:00
VD15 added this to the v2.0 project 2025-05-26 06:07:16 -07:00
Sign in to join this conversation.
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: waifu/kemoverse#25
No description provided.