Reference Card Generator

Build clean, printable reference cards from structured content.

Card Editor

Edit the JSON to update the preview and exports.

JSON is valid.

Current parsed card
{
  "title": "TIRE CHANGE QUICK REFERENCE",
  "columns": 2,
  "cardSize": {
    "widthInches": 5,
    "heightInches": 3
  },
  "print": {
    "bleedInches": 0.125,
    "safeMarginInches": 0.25,
    "showGuides": true
  },
  "sections": [
    {
      "heading": "Before You Start",
      "column": 1,
      "items": [
        "Park on flat ground",
        "Turn on hazard lights",
        "Set parking brake"
      ]
    },
    {
      "heading": "Remove Tire",
      "column": 2,
      "items": [
        "Loosen lug nuts",
        "Raise vehicle",
        "Remove lug nuts",
        "Remove tire"
      ]
    }
  ],
  "formatting": {
    "title": {
      "fontSize": 62,
      "color": "#0f172a",
      "uppercase": true,
      "align": "center"
    },
    "heading": {
      "fontSize": 40,
      "color": "#1d4ed8"
    },
    "item": {
      "fontSize": 29,
      "bullet": "→"
    },
    "spacing": {
      "titleBottomGap": 26,
      "itemGap": 10
    }
  }
}

Card Settings

Choose print-safe card size, orientation, and bleed controls for preview and exports.

Structured Card Templates

Predefined templates prevent layout mistakes and ensure consistency.

Card Size

Orientation

Choose whether the configured card size is shown and exported in landscape or portrait mode.

Margin & Bleed

Export

Card Preview

Rendering preview…